网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

腾讯地图如何设置多个坐标点标注

时间:2024-11-01 14:47:55

1、首选我们需要到腾讯地图(腾讯位置服务网站)注册一个账号,然后申请一个key。

腾讯地图如何设置多个坐标点标注腾讯地图如何设置多个坐标点标注

3、接下来在你需要增加地图的页面引入腾讯地图api,js文件如图,红框部分为刚刚申请的key。同时添加容纳地图的div,这里为标记为mapBox。

腾讯地图如何设置多个坐标点标注

4、获取经纬度数据组,这里以后端提供的数据为主,如图获取经纬数据。

腾讯地图如何设置多个坐标点标注

7、创建地图标记。就是把获取到的经纬度遍历一遍并创建对应的地图标注点,同时为每个标注点添加监听click事件,就是在用户点击标注的时候弹窗标注的信息如图。

腾讯地图如何设置多个坐标点标注

8、说明一下result数据格式大概是这样re衡痕贤伎sult = { "code":0, "msg":"success", "data":[ {"id":1,"name":"这是标注名称","locate":"具体地址信息","latitude":"39.9254100000", "longitude":"116.5220000000"}]};而需要的就是data中的信息

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com