主页/ 电商学院/网站开发/如何使用高德地图在网站页面上添加多个公司地址

如何使用高德地图在网站页面上添加多个公司地址

归类:网站开发
一般来说,每个企业网站都会有联系我们的页面,里面的内容可能包含联系我们的信息,提交留言,公司地图等,但如果一个网站不仅有总公司,并且有下属多个子公司,同时希望把这些子公司的位置以地图的形式呈现给用户的时候,我们就可以使用高德开放平台里的“生成在线地图”的功能,打开 ,如果未注册或者未登录,请先注册或登录后,再打开该网址,打开后如下图所示:
 

地图账号



点击上面的“新建地图”按钮,打开的页面如下图所示:
 

地图接口开发1



这里我们可以使用批量标注,也可以使用手动标注,批量标注使用比较复杂,需要懂得数据类型生成规则,所以这里我们只讲手动标注,如果有兴趣的同学,可以对批量标注进入学习研究。设置完样式,开发者选项等之后,搜索地图,例如我们搜索“中国有色大厦”,地图上会出现符合条件的点,如下图所示:
 

地图接口开发2



点击其中的一个点,然后将该点添加到地图里,然后继续搜索其他的地址,将合适的点添加到地图里,点击弹窗右上角(图2的红框图标)的“发布地图”,点击后将“全国模板”切换成“地区模板”,如下图所示:
 

地图接口开发3


因为我刚才添加了中国有色大厦和苍松大厦两个点,所以,左边就会出现这两个点的信息,也就是说,如果网站需要把总公司和子公司都放在同一个地图,可以进行这个的操作,当添加完成后,点击“复制”访问链接即可(如果复制失败,直接选中链接地址复制即可),然后将该链接放在网站页面里,当有用户点击该链接时,会跳转到高德地图里显示所有的公司信息,如下图所示:
 

地图接口开发4



根据上面的操作,比较轻松的实现在地图上添加多个公司的信息了。
 
 
 
0 喜欢
664 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交