网页中百度地图的插入方法

一、百度地图官方是允许用户在页面生成时引入百度地图，并提供相应网站来生成代码。

可以直接百度搜索百度地图代码生成器，也可直接点击网站链接http://api.map.baidu.com//lbsapi/creatmap/

二、在官网中可以看到以下选项，将自己希望展示的百度地图样式在此设置。包括中心点，标注等等，此时样式是最初级的

 

三、点击获取代码，即可获取到相应的全代码

 

 这时，我们可以复制需要代码来引入到页面之中，切记不要忘记使用script引用，类似于swiper和jquery，否则不生效。

 

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

也一定不要忘记设置放百度地图的容器，另外，由于自带的是行内样式，所以需要自行修改，同样这些数值是可以根据自身需要修改的

<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>

其他的如js等根据自己喜好来决定连接方式，但一定不要遗漏

四、如果想要设置更多样式，可以点击更多高级功能。

这里面包含很多效果，可以设置是否允许地图拖拽、是否允许滚轮放大等各种功能，就像我们引用swiper一样。