腾讯地图如何设置多个坐标点标注
1、首选我们需要到腾讯地图(腾讯位置服务网站)注册一个账号,然后申请一个key。
2、填写你这个地图用来干啥的,然后做个描述提交后便可以获得一个key,这里展示已打码,key要自己保密因为,其中的一下配额是有使用次数限制的(免费配额。
3、接下来在你需要增加地图的页面引入腾讯地图api,js文件如图,红框部分为刚刚申请的key。同时添加容纳地图的div,这里为标记为mapBox。
4、获取经纬度数据组,这里以后端提供的数据为主,如图获取经纬数据。
5、展示地图并传入标注经纬坐标,这里showMap,有三个参数,第一个和第二个分别为地图中心位置(就是一打开页面以这个位置为中心的地图界面)的纬度和经纬,第三个参数是经纬度数据组。
6、showMap中先初始化地图,初始化参数可以自己根据需求调整
7、创建地图标记。就是把获取到的经纬度遍历一遍并创建对应的地图标注点,同时为每个标注点添加监听click事件,就是在用户点击标注的时候弹窗标注的信息如图。
8、说明一下result数据格式大概是这样re衡痕贤伎sult = { "code":0, "msg":"success", "data":[ {"id":1,"name":"这是标注名称","locate":"具体地址信息","latitude":"39.9254100000", "longitude":"116.5220000000"}]};而需要的就是data中的信息
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:39
阅读量:42
阅读量:82
阅读量:64
阅读量:78