在 WordPress 网站中轻松嵌入高德地图的方法

在 WordPress 网站中添加地图，我们可以通过多种方法实现，但取决于您希望展示的地图类型（如Google地图、百度地图等）以及您的具体需求。

今天十一张（www.11zhang.com）站长分享一个无需插件让 WordPress 网站调用高德地图的方法，可以有效提升网站信息展示效果，推荐给做国内中文网站的朋友使用。

效果展示

地址：https://www.11zhang.com/me

设置方法

浏览器打开下方的高德地图开放平台地址，点击“添加标注”，如下图。

http://lbs.amap.com/console/show/tools

从地图上找到要显示的地理位置，找到后点击选择“添加码点”，然后在地图点击添加，如下图。为了精准，可以将地图放大后再标注。

标注好之后可以添加文字说明，第一行是标题，可以用来显示公司名称。第二行是文字描述，可以放上地址、电话等其他信息，如下图。

设置好之后，点击底部“获取代码”按钮，复制代码，粘贴到网站对应的模块，如果网站用的是可视化编辑器，可以添加一个HTML模块，将代码粘贴进去，如下图。

PS：我们还可以调整一下地图的尺寸，例如：将宽度改成全宽，可以把代码中的 width: 800px 改成 width: 100%，这样就可以全宽显示。同理，高度也可以按照自己需求去调整，觉得默认太高了，可以将 height: 640px 改成height: 340px，如下图。