网页嵌入高德地图

最早大家用搜狗嵌入地图,结果搜狗没搞地图了,然后大家都用百度来嵌入地图,结果百度需要注册开发者,需要key,腾讯地图也是,本来很简单的一个功能,结果门槛越来越高,好在现在高德还有不需要注册获取网页嵌入代码的方式。方法如下:

 

1.进入高德地图API:

https://lbs.amap.com/tools/creater

 

2.选择地区样式与标注点

 

3.获取网页代码,把网页保存在一个html中,然后使用iframe嵌套到网页中,当然你也可以提取页面代码来实现

<iframe src="amap.html" width="600" height="600" frameborder="0" scrolling="no"></iframe>

 

4.为了嵌入的美观可以把样式的宽度改为100%

.my-map { margin: 0 auto; width: 100%; height: 600px; }

 

5.如果改了宽度和高度,那么框架也跟着改下

<iframe src="amap.html" width="100%" height="600" frameborder="0" scrolling="no"></iframe>