• 客服QQ:1193846053   微信:suyoufuwu   联系电话:13080553467     

在页面上切换显示多个动态的高德地图

速优网络(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!建站业务:企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站 客服微信【suyoufuwu】



在国内的网站的联系我们的动态地图中,百度地图与高德地图都是比较常用的,都有比较合适的网页地图插件,从功能的普遍性讲,百度地图还是比高德地图好出不少的,但奈何百度地图只支持中文,没有英文版,而高德地图是有英文版的(虽然更新很慢,很多位置更新不及时)所以如果是做中英文版网站的动态地图时,可以中文版用百度地图,英文版用谷歌地图,中英文版都使用同一种地图的话,可以用高德地图,下面讲一下如何实现在同一个页面里点击显示不同的地图位置,如下图所示:
 

地图展示


 
html代码如下:
 

   
南京总部

 
苏州

长沙


   

             
    

JS代码如下:
     
JS切换效果如下:

 
要求引入jquery.js和高德地图的JS文件和CSS文件,如下图:
 

引入JS

可通过高德地图API页面获取地图上的经纬度,如下图所示:
 

地图代码


其中lng为经度, lat为纬度,这样就能实现地图的标注点。
最后说一下,从准确性和运用广泛性来讲。中文网站用百度地图,英文网站用谷歌地图是最好的选择,但谷歌地图在国内无法访问(需要梯子),所以折中的方法就是中英站使用同一个地图时,可以使用高德地图显示。如果英文网站不向国内用户浏览,则可以使用谷歌地图,这都要取决客户的选择了。
 
 

以上就是速优网络和大家分享的"在页面上切换显示多个动态的高德地图",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。

TAG标签:

全国分站

全国分站