useEffect(() => {
const loadAMap = () => {
return new Promise((resolve, reject) => {
if (window.AMap) {
resolve(window.AMap);
} else {
const script = document.createElement('script');
script.src = 'https://webapi.amap.com/maps?v=2.0&key=40335db62d1bb586ba8505e0c06ccac1';
script.async = true;
script.onerror = reject;
script.onload = () => {
resolve(window.AMap);
};
document.head.appendChild(script);
}
});
};
loadAMap().then((AMap) => {
new AMap.Map('container', {
viewMode: '2D',
zoom: 17,
center: [116.867982,36.683662 ]
});
}).catch((error) => {
console.error('加载地图失败', error);
})
}, []);
react使用地图
前端小菜鸟也有人起2024-01-09 13:59
相关推荐
DT——1 小时前
Vite项目中eslint的简单配置学习ing小白3 小时前
JavaWeb - 5 - 前端工程化真的很上进4 小时前
【Git必看系列】—— Git巨好用的神器之git stash篇胖虎哥er4 小时前
Html&Css 基础总结(基础好了才是最能打的)三qq_278063714 小时前
css scrollbar-width: none 隐藏默认滚动条.ccl4 小时前
web开发 之 HTML、CSS、JavaScript、以及JavaScript的高级框架Vue(学习版2)小徐不会写代码4 小时前
vue 实现tab菜单切换2301_765347544 小时前
Vue3 Day7-全局组件、指令以及piniach_s_t4 小时前
新峰商城之分类三级联动实现辛-夷4 小时前
VUE面试题(单页应用及其首屏加载速度慢的问题)