最早大家用搜狗嵌入地图,结果搜狗没搞地图了,然后大家都用百度来嵌入地图,结果百度需要注册开发者,需要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>