WordPress网站中加载高德地图

如果想在你的网站中插入地图,可以登录高德地图开放平台,官网http://lbs.amap.com/console/show/tools

如果没有注册,需要注册账号后登录,登录后再访问上面这个网站,其界面如下:

用户需要在“定位地点”、“地图样式”、“添加标注”这三个模块中进行设置,然后可以点击“预览”按钮查看效果。当效果满足要求后,点击“获取代码”即可得到该地图的前端代码。

将获取的代码插入wordpress自带的“自定义HTML”小工具中,即可在网站中插入地图。

获取的代码中有一行代码是<script src=”//webapi.amap.com/maps?v=1.3&key=您申请的key值”></script>,其中“key”需要在高德地图开放平台中获取,网址为:https://console.amap.com/dev/key/app

以下这个地图是我通过上述方式得到的。

如果有不懂得问题,可以及时联系我们。

高德地图 – DIY我的地图

发表评论