A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

首先,引入百度地图的脚本:

[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(唯一标识)  
  •          
  •     });  




1 个回复

倒序浏览

很不错,受教了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马