window._AMapSecurityConfig = {
securityJsCode: '' web端安全密钥
}
/*
*lifeCircleneed
*/
initMap()
function initMap() {
AMapLoader.load({
key: import.meta.env.VITE_MAP_KEY, // 申请好的Web端开发者Key，首次调用 load 时必填
version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
plugins: ['AMap.Geolocation', 'AMap.PlaceSearch', 'AMap.AutoComplete', 'AMap.Geocoder'],
})
.then((AMap) => {
const map = new AMap.Map('container', {
zoom: 10,
resizeEnable: true,
})
const geolocation = new AMap.Geolocation({
enableHighAccuracy: true, // 高精度开启
radius: 10000,
extensions: 'all',
})
geolocation.getCurrentPosition()
// 初始化地理位置目标
if ($props.coordinates.length) {
console.log('$props.coordinates', $props.coordinates)
map.setCenter($props.coordinates)
createMarker(
AMap,
map,
$props.coordinates.map((item) => Number(item)),
)
}
// 初始化搜索插件
searchPluginInit(AMap, map)
// 点击标记marker
map.on('click', (e: any) => {
getCoordinate(e, AMap, map)
})
map.on()
})
.catch((e) => {
console.log('地图组件加载失败', e)
})
}
::仅做笔记
