建湖网站制作在页面上切换显示多个动态的高德地图

发布时间: 2023-07-19 来源:互联网

  在国内的网站的联系大家的动态地图中,搜索引擎地图与高德地图都是比较常用的,都有比较合适的网页地图插件,从功能的普遍性讲,搜索引擎地图还是比高德地图好出不少的,但奈何搜索引擎地图只兼容中文,没有英文版,而高德地图是有英文版的(虽然更新很慢,越来越多位置更新不及时)所以如果是做中英文版网站的动态地图时,可以中文版用搜索引擎地图,英文版用谷歌地图,中英文版都使用同一种地图的话,可以用高德地图,以下建湖网站制作讲一下如何完成在相同页面里点击显示不同的地图位置,如下图所示:

建湖网站制作在页面上切换显示多个动态的高德地图

  html代码如下:

  

 

  

南京总部

 

  

苏州

 

  

 

 

  

 

  

 

  

  

 

  js代码如下:

  

  js转换效果如下:

  

  要求引进jquery.js和高德地图的js文件和css文件,如下图:

  可根据高德地图api页面获取地图上的经纬度,如下图所示:

  其中lng为经度, lat为纬度,这样就能完成地图的标注点.

  最后说一下,从准确性和运用普遍性来讲.中文建湖网站制作网站用搜索引擎地图,英文网站用谷歌地图是最好的选择,但谷歌地图在国内无法访问(需要梯子),所以折中的方法就是中英站使用相同地图时,可以使用高德地图显示.如果建湖网站制作英文网站不向国内客户浏览,则可以使用谷歌地图,这都要取决客户的选择了.

  • 上一篇:如何提高建湖网站制作公司的SEO效果和流量吸引力
  • 下一篇:没有了
  • 首页
    模板
    报价
    联系