首先,引入百度地图的脚本: [javascript] view plain copy
- <script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>
然后根据api定义自己的: [javascript] view plain copy
- var points = [{
- id: 1,
- lng: 113.9278789384, //经度
- lat: 22.5390216496, //纬度
- title: "深圳恒大",
- content: ["地址:深圳市南山区沙河西路2029,城市山谷香樟街1A-20,雅萱府。 电话:0755-86953681"]
- }];
-
- var map = new BaiduMap({
- id: "container3",
- level: 16, // 选填--地图级别--(默认15)
- zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)
- type: ["地图", "卫星", "三维"], // 选填--显示地图类型--(默认不显示)
- width: 320, // 选填--信息窗口width--(默认自动调整)
- height: 70, // 选填--信息窗口height--(默认自动调整)
- titleClass: "title",
- contentClass: "content",
- showPanorama: true, // 是否显示全景控件(默认false)
- showMarkPanorama: true, // 是否显示标注点全景图(默认false)
- showLabel: false, // 是否显示文本标注(默认false)
- mapStyle: "normal", // 默认normal,可选dark,light
- icon: { // 选填--自定义icon图标
- url: "img/marker2.png",
- width: 34,
- height: 94
- },
- centerPoint: { // 中心点经纬度
- lng: 113.9278789384,
- lat: 22.5390216496
- },
- index: 0, // 开启对应的信息窗口,默认-1不开启
- animate: true, // 是否开启坠落动画,默认false
- points: points, // 标注点--id(唯一标识)
-
- });
|
|