zoukankan      html  css  js  c++  java
  • jquery调用 百度地图

    script language="javascript" type="text/javascript"

    $(document).ready(function () {             

    $.ajax({                

      type: "POST",                 

      url: "GetMap.ashx/ProcessRequest",                 

      dataType: "json",                 

      success: function (data) {                     

      var datalist = data;                     

      $(datalist).each(function (index, content) {                       

       var map = new BMap.Map("container");     // 创建Map实例   

      //向地图中添加缩放控件                          

       var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });                         

       map.addControl(ctrl_nav);                        

        //向地图中添加缩略图控件                          

        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, isOpen: 1 });                         

        map.addControl(ctrl_ove);  //向地图中添加比例尺控件  

        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });                         

        map.addControl(ctrl_sca);                         

        var point = new BMap.Point(content.LATITUDE, content.LONGITUDE);    // 创建点坐标                         

        map.centerAndZoom(point, 13);      // 初始化地图,设置中心点坐标和地图级别。                         

        // 创建图标对象                            

        var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { 

          // 指定定位位置。                               

           // 当标注显示在地图上时,其所指向的地理位置距离图标左上角各偏移10像素和25像素。您可以看到在本例中该位置即是图标中央下端的尖角位置。                               

            anchor: new BMap.Size(10, 25),      

            // 设置图片偏移。    

            // 当您需要从一幅较大的图片中截取某部分作为标注图标时,您需要指定大图的偏移位置,此做法与css sprites技术类似。  

            imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移  

             });                        // 创建标注对象并添加到地图   

             var marker = new BMap.Marker(point, { icon: myIcon });    

             map.addOverlay(marker);   

             // 定义一个控件类,即function   

              function ZoomControl() {    

              // 默认停靠位置和偏移量   

              this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;   

               this.defaultOffset = new BMap.Size(10, 10);                        

                }                        

                 //地图事件设置函数:                        

                  map.enableDragging(); //启用地图拖拽事件,默认启用(可不写)                        

                   map.enableScrollWheelZoom(); //启用地图滚轮放大缩小                        

                    map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写)                         

                    map.enableKeyboard(); //启用键盘上下左右键移动地图                        

                     // 通过JavaScript的prototype属性继承于BMap.Control                        

                      ZoomControl.prototype = new BMap.Control();                        

                       // 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回                 

                           })           

                                 },                

                        error: function (data) {             

                                alert('获取数据超时...');             

                            }        

                                 });      

                                    })   

                                    </script> 

  • 相关阅读:
    如何在没鼠标没网络的情况下如何安装驱动以及日常的操作
    开启平行眼的一些小技巧
    go-redis连接
    奶牛议会
    转载(int.TryParse用法)用于对字符串内容进行判断
    Javascript扩展Date的prototype实现时间format函数
    dsu on tree学习笔记
    DP做题笔记
    期望概率做题笔记
    生成函数做题笔记
  • 原文地址:https://www.cnblogs.com/superstar/p/3080260.html
Copyright © 2011-2022 走看看