JS百度地图api使用方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zhangwenwu2/article/details/79472786

首先，引入百度地图的脚本：

[javascript]  view plain  copy

1. <script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>  

然后根据api定义自己的：

[javascript]  view plain  copy

1. var points = [{  
2.         id: 1,  
3.         lng: 113.9278789384,  //经度  
4.         lat: 22.5390216496,   //纬度  
5.         title: "深圳恒大",  
6.         content: ["地址：深圳市南山区沙河西路2029,城市山谷香樟街1A-20,雅萱府。 电话：0755-86953681"]  
7.     }];  
8.   
9.     var map = new BaiduMap({  
10.         id: "container3",  
11.         level: 16, //  选填--地图级别--(默认15)  
12.         zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)  
13.         type: ["地图", "卫星", "三维"], // 选填--显示地图类型--(默认不显示)  
14.         width: 320, // 选填--信息窗口width--(默认自动调整)  
15.         height: 70, // 选填--信息窗口height--(默认自动调整)  
16.         titleClass: "title",  
17.         contentClass: "content",  
18.         showPanorama: true, // 是否显示全景控件(默认false)  
19.         showMarkPanorama: true, // 是否显示标注点全景图(默认false)  
20.         showLabel: false, // 是否显示文本标注(默认false)  
21.         mapStyle: "normal", // 默认normal,可选dark,light  
22.         icon: { // 选填--自定义icon图标  
23.             url: "img/marker2.png",  
24.             width: 34,  
25.             height: 94  
26.         },  
27.         centerPoint: { // 中心点经纬度  
28.             lng: 113.9278789384,  
29.             lat: 22.5390216496  
30.         },  
31.         index: 0, // 开启对应的信息窗口，默认-1不开启  
32.         animate: true, // 是否开启坠落动画，默认false  
33.         points: points, // 标注点--id(唯一标识)  
34.           
35.     });