1、打开“百度地图生成器”
网址:百度地图生成器
如下图:
2、获取位置
在定位中心点中,切换城市,并查找具体位置,如下图:
3、个性化设置地图
可以按照自己的喜好修改地图的外观:
a、地图的宽和高
b、地图上显示的按钮(缩放、缩略图、比例尺)
c、鼠标和键盘对地图的操作
如下图:
4、位置标注
可以添加自己想要标注的位置和信息,如下图:
5、生成代码
点击“获取代码”按钮,就会弹出根据上面的设置生成代码,如下图:
6、放入HTML文件
把上一步生成的代码保存为html文件(map.html),在浏览器中打开就可以看到自己定义的百度地图了。
如果要把地图添加到现有的网页中,可以使用iframe标签,如:
<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>
7、最终效果如下:(加了样式处理)