范天缘的博客

放大点位

高德地图覆盖物事件不触发的问题

点击标记时要有交互行为,比如说弹出一个框,显示详细信息var clickHandler = function(e) { console.log(e) // alert('您在[ '+e.lnglat.getLng()+','+e.lnglat.getLat()+' ]的位置点击了地图！');}; // 绑定事件 map.on('click', clickHandler);...

1.第一步 登录高德开发平台 找到你的控制台 ->应用->安全密匙 (没有就自己创建一个)2.访问这个高德自定义地图地址 创建一个你自己想要的模板高德自定义地图地址3.点击进入到你的模板,看到url了吗? styleid后面的一串字符就是你自定义地图模板的样式id4.在你的vue3工程文件夹 ->public/index.html加入你的密匙注明：这一步很重要<script> window._AMapSecurityConfig = {

这里只有标记点的代码,初始化地图的代码看这里引入高德地图1.标记单个点var marker = new AMap.Marker( { position:new AMap.LngLat(114.298572,30.584355), title:'武汉' })map.add(marker)2.标记多个点 给定一个数组 var marker = new AMap.Marker( { positio

1.先在高德开发平台申请key，记得选择web服务2.然后直接在代码里面get请求示例//请求高德天气 const gaodeWeather = async () =>{ const res = await axios.get('https://restapi.amap.com/v3/weather/weatherInfo?key=234e06465507fad793f681f3d494df70&city=420100&extensions

1.在平台申请你的key2.在public/index.html引入cdn<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key,在高德控制台可以看到"></script> 在这里插入代码片3.在vue.config.js全局配置引入的高德地图cdnmodule.exports = { configureWebpack: