永兴集团(中国区)官方网站-Macau App Station

400-800-9385
网站建设资讯详细

通过百度地图API实现门店地图动态切换

发表日期:2023-05-22 11:28:22   作者来源:黎云辉   浏览:1775   标签:地图应用开发    
最近接手的项目要求点击门店时,地图也自动切换到该门店的地图并标记出门店位置。实现思路是比较简单的,无非是获取到当前点击的门店的坐标,然后再赋值到地图api的坐标值里。而要获取到门店坐标,就需要先获取门店的具体位置信息。这样一来,理顺了逻辑后,做起来就比较清晰明了了。
 

后台输入地图坐标

 
这里随便做一下最新的行政区划,毕竟地方的行政区如果更新了,这里也不用去管,不然又要同步本地的行政区数据库信息。
 
Html代码:

html代码

javascript代码:
 

js代码

 

 type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=xxxxxxx&plugin=AMap.DistrictSearch">

 
下面是通过具体地址获取到该地址的坐标

地址坐标

js代码2

 


 
以上把获取到的坐标存到数据库,前端点击对应门店的时候获取到对应的坐标即可。
 

代码3

 


 
 
这里的坐标,后台返回值必须是数组,之前有试过直接返回完整的坐标值,但是赋值到api的point里发现无法生成地图,所以就只能拆开坐标了。
 
以上代码是根据我本地的需求改动的,完整的代码可以在百度地图api中找到。
如没特殊注明,文章均为永兴集团原创,转载请注明来自/news/6778.html
XML 地图