如何将百度地图或高德地图添加到自己的企业网站上?

时间:2020年08月11日 23:21:31作者:鸿翼分类:问答

云服务器优惠

现在做企业网站时一般设计师喜欢将联系我们页面设计成动态地图,动态地图可以很方便客户找到公司的具体位置。

如何将百度地图或高德地图添加到自己的企业网站上?

一、将百度地图添加自己的企业网站上的步骤:

第一步:打开百度地图API:http://api.map.baidu.com/lbsapi/creatmap/

第二步:定位中心点。将当前城市切换到你所在的城市,然后将详细地址输入输入框,点击查询。

定位中心点

第三步:设置地图。设置地图尺寸,添加按钮,地图状态等相关属性。

设置地图

第四步:添加标记。选择自己喜欢的标记图标,点击右侧地图所在位置,然后填写公司名称及备注信息后点击保存。

添加标记

第五步:点击获取代码,将生成的自定义代码粘贴到网站后台编辑源码模式中或直接粘贴到源码里即可。

获取代码

注意:百度自定义生成的地图有个bug就是标记的图标显示不了,修改方法就是把获得代码的111行位置里的http://app.baidu.com/map/images/us_mk_icon.png里的图标地址替换成http://api.map.baidu.com/lbsapi/creatmap/images/us_cursor.gif就可以正常显示图标了。

百度地图图标bug修复

二、将高德地图添加到自己的企业网站上的步骤:

高德地图API网址:https://lbs.amap.com/console/show/tools

打开网址后根据提示就可以获得地图代码。高德地图的添加步骤和百度地图的添加步骤差不多这里就不再赘述了。

高德地图添加到自己的企业网站上
 

来源:(QQ/微信:342269231)

注意:购买「阿里云服务器89元起」2020年特惠活动,可以领取阿里云2000元代金券,符合条件的订单可以优先使用代金券抵扣。

云服务器

相关文章

Copyright © 2020 鸿翼小站 All Rights Reserved. 站点地图
鄂ICP备11004285号-2