Jquery 的百度地图应用

转载 2012年03月30日 16:23:40
  1. <script language="javascript" type="text/javascript">  
  2.  $(document).ready(function () {              
  3.  $.ajax({                 
  4.   type: "POST",                  
  5.   url: "GetMap.ashx/ProcessRequest",                  
  6.   dataType: "json",                  
  7.   success: function (data) {                      
  8.   var datalist = data;                      
  9.   $(datalist).each(function (index, content) {                         
  10.    var map = new BMap.Map("container");     // 创建Map实例   
  11.    //向地图中添加缩放控件                          
  12.    var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });                          
  13.    map.addControl(ctrl_nav);                         
  14.     //向地图中添加缩略图控件                          
  15.     var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, isOpen: 1 });                          
  16.     map.addControl(ctrl_ove);  //向地图中添加比例尺控件   
  17.     var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });                          
  18.     map.addControl(ctrl_sca);                          
  19.     var point = new BMap.Point(content.LATITUDE, content.LONGITUDE);    // 创建点坐标                          
  20.     map.centerAndZoom(point, 13);      // 初始化地图,设置中心点坐标和地图级别。                           
  21.     // 创建图标对象                             
  22.     var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png"new BMap.Size(23, 25), {  
  23.       // 指定定位位置。                                
  24.        // 当标注显示在地图上时,其所指向的地理位置距离图标左上角各偏移10像素和25像素。您可以看到在本例中该位置即是图标中央下端的尖角位置。                                
  25.         anchor: new BMap.Size(10, 25),       
  26.         // 设置图片偏移。    
  27.         // 当您需要从一幅较大的图片中截取某部分作为标注图标时,您需要指定大图的偏移位置,此做法与css sprites技术类似。   
  28.         imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移   
  29.          });                        // 创建标注对象并添加到地图    
  30.          var marker = new BMap.Marker(point, { icon: myIcon });     
  31.          map.addOverlay(marker);    
  32.          // 定义一个控件类,即function   
  33.           function ZoomControl() {     
  34.           // 默认停靠位置和偏移量   
  35.           this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;    
  36.            this.defaultOffset = new BMap.Size(10, 10);                         
  37.             }                         
  38.              //地图事件设置函数:                         
  39.               map.enableDragging(); //启用地图拖拽事件,默认启用(可不写)                         
  40.                map.enableScrollWheelZoom(); //启用地图滚轮放大缩小                         
  41.                 map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写)                          
  42.                 map.enableKeyboard(); //启用键盘上下左右键移动地图                         
  43.                  // 通过JavaScript的prototype属性继承于BMap.Control                         
  44.                   ZoomControl.prototype = new BMap.Control();                         
  45.                    // 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回                  
  46.                        })            
  47.                              },                 
  48.                     error: function (data) {              
  49.                             alert('获取数据超时...');              
  50.                         }         
  51.                              });       
  52.                                 })    
  53.                                 </script> 

Jquery 的百度地图应用

script language="javascript" type="text/javascript">    $(document).ready(function () {            ...

百度地图jquery,简单快速集成

  • 2017年05月24日 21:34
  • 2KB
  • 下载

百度地图jquery插件

  • 2015年05月03日 12:14
  • 4KB
  • 下载

第一章:关于jquery添加百度地图插件(通过本地ip地址定位)

1、在百度地图开发者官网申请账号,申请AK。 代码如下: body, html,#allmap {width: 100%;height: 100%;overflow: hidd...

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app 1 jquery mobile + 百度地图 + phonegap 写的一个...

百度地图应用列表

  • 2015年06月02日 16:22
  • 5.75MB
  • 下载

jquery 实现百度地图类型控件

.desc         {             width: 100%;             height: 25px;             margin: 0;      ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery 的百度地图应用
举报原因:
原因补充:

(最多只允许输入30个字)