baidu地图调用示例

最新推荐文章于 2021-05-26 12:17:34 发布
最新推荐文章于 2021-05-26 12:17:34 发布
阅读量387 收藏
点赞数 1
分类专栏： 软件编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc365/article/details/81213753
版权

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>无标题页</title>
<link href="style/map.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/HttpRequest.js"></script>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2&ak=A6f53ee49f1e4da954a1a418a24c0d32"></script>
<script type="text/javascript">
var marker;
var map;
var jsr = '';
var markersArray = []; 
var X = new Array();
var Y = new Array();
var info = new Array();
var Code= new Array();
var S = new Array();
var initX = 40;
var initY = 120;
var initZ = 5;
var city = '';
var area = '';
var street = '';
var unittype = '';
var unitid = '';
var myic;

// 定义一个控件类,即function
function ZoomControl(){
  // 默认停靠位置和偏移量
  //this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
  this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT;
  this.defaultOffset = new BMap.Size(10, 10);
}

function setmapsize()
{
    // 网页可见区域
    var w = document.body.clientWidth;
    var h = document.body.clientHeight;
    //包括边线和滚动条的宽度
    //var w = document.body.offsetWidth;
    //var h =  document.body.offsetHeight;
    //$("#container").css({ "width": w +"px" });
    //$("#container").css({ "height": h +"px" });

    
    var map = new BMap.Map("container",{mapType:BMAP_NORMAL_MAP});
    var pt = new BMap.Point(initY,initX);
    map.centerAndZoom(pt, initZ); 
    //map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));     //2D图，卫星图
    map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP],anchor: BMAP_ANCHOR_TOP_RIGHT}));   
    //map.setCurrentCity("长春");
    
    //map.enableScrollWheelZoom();
    //var marker = new BMap.Marker(pt);  
    //map.addOverlay(marker);  
    
    //var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>长春</p><p style='font-size:14px;'>联系电话：12345678</p>");
    //marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);});
    
    map.addControl(new BMap.NavigationControl());  
    map.addControl(new BMap.ScaleControl());  
    map.addControl(new BMap.OverviewMapControl());
    var local = new BMap.LocalSearch(map, {
    renderOptions:{map: map}
    });    
    ZoomControl.prototype = new BMap.Control();
    ZoomControl.prototype.initialize = function(map){
      // 创建一个DOM元素
      var div = document.createElement("div");
      // 添加文字说明
      div.appendChild(document.createTextNode("放大2级"));
      // 设置样式
      div.style.cursor = "pointer";
      div.style.border = "1px solid gray";
      //div.style.backgroundColor = "white";
      div.style.width="90%";
      // 绑定事件,点击一次放大两级
      div.onclick = function(e){
        map.setZoom(map.getZoom() + 2);
      }
      // 添加DOM元素到地图中
      var me=document.getElementById("menu1");
      
      //map.getContainer().appendChild(me);
      // 将DOM元素返回
      return div;
    }
    // 创建控件
    var myZoomCtrl = new ZoomControl();
    // 添加到地图当中
    map.addControl(myZoomCtrl);
    //BMap.Convertor.translate(pot,0,translateCallback);

    //坐标转换完之后的回调函数
    translateCallback = function (pt){
        
        //var marker = new BMap.Marker(pt);
        //myic = new BMap.Icon(image, new BMap.Size(57, 32));
        //var marker = new BMap.Marker(point,{icon:myic,title:info[i] + '\n' + Code[i] + '\n\n' + S[i]});
        //map.addOverlay(marker);
        //bm.setCenter(point);
        alert(pt.lng + "," + pt.lat);
    }

    //坐标数据显示在地图上
    function showPoint() { 
        var image = '';
        //alert(X.length + ' ' + Y.length);
        if(X.length==0||Y.length==0)
        {
            moveTopos(initX, initY);  
            map.setZoom(initZ);           
            return;
        }
        var first = 0;
        for(var i=0;i<X.length;i++)
        {
            if(S[i]=='正常')
            {
                image = 'images/green_mk.png'; 
            }
            else if(S[i]=='监护运行')
            {
                image = 'images/yellow_mk.png'; 
            }
            else if(S[i]=='检验到期')
            {
                image = 'images/yellow_mk.png'; 
            }
            else if(S[i]=='30天后到期')
            {
                image = 'images/yellow_mk.png'; 
            }
            else if(S[i]=='超期检验')
            {
                image = 'images/orange_mk.png'; 
            }    
            else if(S[i]=='15天后到期')
            {
                image = 'images/orange_mk.png'; 
            }                  
            else if(S[i]=='故障报警')
            {
                image = 'images/red_mk.gif'; 
            }
            else if(S[i]=='超期未检')
            {
                image = 'images/red_mk.gif'; 
            }  
            else if(S[i]=='当天到期')
            {
                image = 'images/brown_mk.gif'; 
            }                        
            else
            {
                image = ''; 
            }  
            if(X[i]==0||Y[i]==0)
            {
                continue;
            }
            if(first==0)
            {
                var maxX = Math.max.apply(Math,X);
                var minX = getmin(X);
                var maxY = Math.max.apply(Math,Y);
                var minY = getmin(Y);
                var mdX = (parseFloat(maxX) + parseFloat(minX))/2;
                var mdY = (parseFloat(maxY) + parseFloat(minY))/2;
                initX = mdX;
                
                moveTopos(mdX,mdY);
                initZ = 13;
                map.setZoom(initZ); 
                first = 1;
            }
            var pot = new BMap.Point(Y[i], X[i]);
            //BMap.Convertor.translate(pot,0,translateCallback);
            
        }
    } 
    


    function getmin(array)
    {
        var j = 0;
        var min = 0;
        min = Math.max.apply(Math,array);
        for(var i=0;i<array.length;i++)
        {
            if(array[i]>0 && array[i]<min)
            {
                min = array[i];
            }
        }
        return min;
    }
    
    //移动到另一点
    function moveTopos(xp,yp) { 
        var point=new BMap.Point(yp,xp);
        map.setCenter(point);
        
        //var marker = new map.Marker(point);
        //map.addOverlay(marker);
    }

    //添加单击事件
    function addevent(marker,arg) 
    { 
        marker.addEventListener('click', function() { 
            var citylist = document.getElementById("citylist");
            window.location.href = 'invillage.aspx?code=' + arg;
        });
    }

    //显示全部坐标点
    function showAll() { 
        setfrm('all');
        showfrm('frm1');
        getProvin();                
    }

    function repairUnit() { 
        setfrm('un_repair');
        showfrm('frm1');
        getProvin();
        getUnit();
    }

    function useUnit() { 
        setfrm('un_user'); 
        showfrm('frm1');
        getProvin();
        getUnit();
    }

    function testUnit() { 
        setfrm('un_test');   
        showfrm('frm1');
        getProvin();
        getUnit();
    }

    function makeUnit() { 
        setfrm('un_maker');
        showfrm('frm1');
        getProvin();
        getUnit();
    } 
    
    function showState()
    {
        setfrm('state');
        showfrm('frm1');
        getProvin();
        getUnit();        
    }
    
    //删除坐标点
    function hiddenPoint()
    {
        if (markersArray) 
        {     
            for (i in markersArray) 
            {       
                //markersArray[i].setMap(null);     
                markersArray[i].remove();
            }   
        }
    }

    function btnokclick()
    {
        //alert('button');
        var citylist = document.getElementById('citylist');
        var unitlist = document.getElementById('unitlist');
        var arealist = document.getElementById('arealist');
        var streetlist = document.getElementById('streetlist');
        var sttype = document.getElementById('sttype');
        var flag = document.getElementById('flag');
        var unittype = flag.value;
        var unitid = '';
        if(unitlist.selectedIndex>=0)
        {
            unitid = unitlist.options[unitlist.selectedIndex].value;
        }
        var city = citylist.value;
        var area = arealist.value;
        var street = streetlist.value;
        var sttp = sttype.value;
        hiddenPoint();
        getNodes(city , area , street , unittype , unitid , sttp);
        closefrm();
    }

    //设置窗口
    function setfrm(text)
    {
        var lbl3 = document.getElementById('lbl3');
        var title = document.getElementById('frmtitle');
        var flag = document.getElementById('flag');
        var unitlist = document.getElementById('unitlist');
        flag.value = text;
        if(text=='all')
        {
            title.innerHTML = '城市全部显示';
            lbl3.innerHTML = '';
            unitlist.style.display='none';
        }
        else if(text=='un_repair')
        {
            title.innerHTML = '按维保单位显示';
            lbl3.innerHTML = '选择维保单位：';
            unitlist.style.display='block';            
        }
        else if(text=='un_user')
        {
            title.innerHTML = '按使用单位显示';
            lbl3.innerHTML = '选择使用单位：';
            unitlist.style.display='block';              
        }
        else if(text=='un_test')
        {
            title.innerHTML = '按检验单位显示';
            lbl3.innerHTML = '选择检验单位：';
            unitlist.style.display='block';              
        }
        else if(text=='un_maker')
        {
            title.innerHTML = '按制造单位显示';
            lbl3.innerHTML = '选择制造单位：';
            unitlist.style.display='block';              
        }        
        else if(text=='state')
        {
            title.innerHTML = '按状态查询显示';
            lbl3.innerHTML = '选择电梯状态：';
            unitlist.style.display='block';              
        }        
        else
        {
            title.innerHTML = '';
            lbl3.innerHTML = '';
            unitlist.style.display='none';              
        }        
    }  
    
    function closefrm()
    {
        var frm = document.getElementById('frm1');
        frm.style.visibility = 'hidden';
    }  
    
    function addfrm(div, map) { 
        var frm = document.getElementById(div);
        map.controls[google.maps.ControlPosition.TOP_CENTER].push(frm);
    } 

    //显示窗口
    function showfrm(frmName)
    {
        var frm = document.getElementById(frmName);
        frm.style.visibility = 'visible';
        var citylist = document.getElementById('citylist');
        //联动子列表清空
        citylist.options.length = 0;
    }
    
    //获取省份列表
    function getProvin()
    {
        function getProvinCallback()
        {
            var codes = new Array();
            var names = new Array();
            var prolist = document.getElementById("prolist");
            prolist.options.length = 0;
            if (httpRequest.readyState == 4) 
            {
                if (httpRequest.status == 200) 
                {
                    var data = httpRequest.responseXML;
                    var pcode = data.getElementsByTagName("pcode");
                    var pname = data.getElementsByTagName("pname");
                    prolist.options.add(new Option('',0));
                    for(i = 0; i < pcode.length; i++)
                    {
                        codes.push(pcode[i].childNodes(0).nodeValue);
                        names.push(pname[i].childNodes(0).nodeValue);
                        prolist.options.add(new Option(names[i],codes[i]));
                    }
                }
            }
        }  
        var httpRequest = XmlHttp.CreateXmlHttp();    
        var Result = getProvinCallback;
        var url = "ajax/ajaxprovin.aspx?timestamp=" + new Date().getTime();
        XmlHttp.SendRequest(httpRequest,url,Result);
    }
    
    //获取城市列表
    function getCity()
    {
        function getCityCallback()
        {
            var codes = new Array();
            var names = new Array();
            var citylist = document.getElementById("citylist");
            citylist.options.length = 0;
            if (httpRequest.readyState == 4) 
            {
                if (httpRequest.status == 200) 
                {
                    var data = httpRequest.responseXML;
                    var pcode = data.getElementsByTagName("pcode");
                    var pname = data.getElementsByTagName("pname");
                    citylist.options.add(new Option('',0));
                    for(i = 0; i < pcode.length; i++)
                    {
                        codes.push(pcode[i].childNodes(0).nodeValue);
                        names.push(pname[i].childNodes(0).nodeValue);
                        citylist.options.add(new Option(names[i],codes[i]));
                    }
                }
            }
        }    
        var httpRequest = XmlHttp.CreateXmlHttp();
        var Result = getCityCallback;
        var prolist = document.getElementById('prolist');
        var value = prolist.options[prolist.selectedIndex].value;
        var url = 'ajax/ajaxcity.aspx?provin=' + value + '&timestamp=' + new Date().getTime();
        XmlHttp.SendRequest(httpRequest,url,Result);
    }
    
    
    //获取行政区列表
    function getArea()
    {
        //var citylist = document.getElementById("citylist");
        //alert(citylist.options[0].value);
        function getAreaCallback()
        {
            var codes = new Array();
            var names = new Array();
            var arealist = document.getElementById("arealist");
            arealist.options.length = 0;
            if (httpRequest.readyState == 4) 
            {
                if (httpRequest.status == 200) 
                {
                    var data = httpRequest.responseXML;
                    var pcode = data.getElementsByTagName("pcode");
                    var pname = data.getElementsByTagName("pname");
                    arealist.options.add(new Option('',0));
                    for(i = 0; i < pcode.length; i++)
                    {
                        codes.push(pcode[i].childNodes(0).nodeValue);
                        names.push(pname[i].childNodes(0).nodeValue);
                        arealist.options.add(new Option(names[i],codes[i]));
                    }
                }
            }
        }
        var httpRequest = XmlHttp.CreateXmlHttp();
        var Result = getAreaCallback;
        var citylist = document.getElementById('citylist');
        var value = citylist.options[citylist.selectedIndex].value;
        var url = 'ajax/ajaxarea.aspx?city=' + value + '&timestamp=' + new Date().getTime();
        XmlHttp.SendRequest(httpRequest,url,Result);
    }    
        
    //获取街道办列表
    function getStreet()
    {
        function getStreetCallback()
        {
            var codes = new Array();
            var names = new Array();
            var streetlist = document.getElementById("streetlist");
            streetlist.options.length = 0;
            if (httpRequest.readyState == 4) 
            {
                if (httpRequest.status == 200) 
                {
                    var data = httpRequest.responseXML;
                    var pcode = data.getElementsByTagName("pcode");
                    var pname = data.getElementsByTagName("pname");
                    streetlist.options.add(new Option('',0));
                    for(i = 0; i < pcode.length; i++)
                    {
                        codes.push(pcode[i].childNodes(0).nodeValue);
                        names.push(pname[i].childNodes(0).nodeValue);
                        streetlist.options.add(new Option(names[i],codes[i]));
                    }
                }
            }
        }    
        var httpRequest = XmlHttp.CreateXmlHttp();
        var Result = getStreetCallback;
        var arealist = document.getElementById('arealist');
        var value = arealist.options[arealist.selectedIndex].value;
        var url = 'ajax/ajaxstreet.aspx?area=' + value + '&timestamp=' + new Date().getTime();
        XmlHttp.SendRequest(httpRequest,url,Result);
    }
    
    //获取单位列表
    function getUnit()
    {
        //alert('getUnit');
        function getUnitCallback()
        {
            
            var codes = new Array();
            var names = new Array();
            var unitlist = document.getElementById("unitlist");
            unitlist.options.length = 0; 
            
            if (httpRequest.readyState == 4) 
            {
                
                if (httpRequest.status == 200) 
                {
                    //alert('httpRequest.status=200');
                    var data = httpRequest.responseXML;
                    var pcode = data.getElementsByTagName("id");
                    var pname = data.getElementsByTagName("unname");
                    unitlist.options.add(new Option('',0));
                    if(pcode.length != pname.length)
                    {
                        return;
                    }
                    if(pcode.length==0 || pname.length==0)
                    {
                        return;
                    }
                    //alert(pcode.length+' '+pname.length);
                    for(i = 0; i < pcode.length; i++)
                    {
                        if(pcode[i].childNodes(0).nodeValue=='')
                        {
                            return;
                        }
                        if(pname[i].childNodes(0).nodeValue=='')
                        {
                            return;
                        }
                        var s=pname[i].childNodes(0).nodeValue;
                        //if(s.substr(0,2)!='cc')
                        {
                            codes.push(pcode[i].childNodes(0).nodeValue);
                            names.push(pname[i].childNodes(0).nodeValue);
                            unitlist.options.add(new Option(names[i],codes[i]));
                        }
                    }
                }
            }  
        }
        var httpRequest = XmlHttp.CreateXmlHttp();
        var Result = getUnitCallback;
        var flag = document.getElementById('flag');
        var value = flag.value;
        var url = 'ajax/ajaxunit.aspx?utype=' + value + '&timestamp=' + new Date().getTime();
        //alert(url);
        XmlHttp.SendRequest(httpRequest,url,Result);
    }    
    
    //获取坐标点
    function getNodes(city,area,street,unittype,unitid,ptype)
    {
        //alert('getnodes');
        var tx=0.001,ty=0.001; 
        function getNodesCallback()
        {
            if (httpRequest.readyState == 4) 
            {
                if (httpRequest.status == 200) 
                {
                    var data = httpRequest.responseXML;
                    var ids = data.getElementsByTagName("id");
                    var xs = data.getElementsByTagName("x");
                    var ys = data.getElementsByTagName("y");
                    var ss = data.getElementsByTagName("state");
                    var codes = data.getElementsByTagName("code");
                    X.splice(0,X.length);
                    Y.splice(0,Y.length);
                    S.splice(0,S.length);
                    Code.splice(0,Code.length);
                    //alert(ids.length);
                    for(i = 0; i < ids.length; i++)
                    {
                        //alert(ss[i].childNodes(0).nodeValue); 
                        info.push(ids[i].childNodes(0).nodeValue);
                        tx = xs[i].childNodes(0).nodeValue;
                        ty = ys[i].childNodes(0).nodeValue;
//                        tx=tx-0.00243;
//                        ty=ty-0.00683;
                        X.push(tx);
                        Y.push(ty);
                        S.push(ss[i].childNodes(0).nodeValue);
                        Code.push(codes[i].childNodes(0).nodeValue);        
                    }
                    showPoint();
                }
            }
        }
        var httpRequest = XmlHttp.CreateXmlHttp();
        var Result = getNodesCallback;
        var url = 'ajax/ajaxnodes.aspx?city=' + city + '&area=' + area + '&street=' + street + '&unittype=' + unittype + '&unitid=' + unitid + '&ptype=' + ptype + '&timestamp=' + new Date().getTime();
        //alert(url);
        XmlHttp.SendRequest(httpRequest,url,Result);
    }
    
    function btnmouseover() {
        $(this).css({ "width": "70" });
        $(this).css({ "height": "70" });    
    }    
    
    function btnmouseout() {
        $(this).css({ "width": "60" });
        $(this).css({ "height": "60" });    
    }  
    
    menudiv.style.top=h-100;
    
    $(".imgface").mouseover(btnmouseover);
    $(".imgface").mouseout(btnmouseout); 
    $("#prolist").change(getCity);
    $("#citylist").change(getArea);
    $("#arealist").change(getStreet);
    $("#img1").click(showAll);
    $("#img2").click(repairUnit);
    $("#img3").click(useUnit);
    $("#img4").click(testUnit);
    $("#img5").click(makeUnit);
    $("#img6").click(showState);
    $("#btnok").click(btnokclick);
    $("#btnclose").click(closefrm);
    
}
$(document).ready(setmapsize);
$(window).resize(setmapsize);


</script>
</head>
<body style="margin: 0px;">
    <form id="form1" runat="server">
<div style="width:100%;height:100%;border:1px solid gary;margin-top: 0px;" id="container"></div>
<div style="position:absolute; top:0px; left:0px; z-index:1; width: 100%" id="menudiv">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
    <table width="450" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="70" height="70" align="center" valign="middle"><img id="img1" class="imgface" src="images/btn1.png" alt="全部显示" /><br>
      <font class="tbg">全部显示</font></td>
    <td width="70" height="70" align="center" valign="middle"><img id="img2" class="imgface" src="images/btn2.png" alt="维保单位" /><br>
      <font class="tbg">维保单位</font></td>
    <td width="70" height="70" align="center" valign="middle"><img id="img3" class="imgface" src="images/btn3.png" alt="使用单位" /><br>
      <font class="tbg">使用单位</font></td>
    <td width="70" height="70" align="center" valign="middle"><img id="img4" class="imgface" src="images/btn4.png" alt="检验单位" /><br>
      <font class="tbg">检验单位</font></td>
    <td width="70" height="70" align="center" valign="middle"><img src="images/btn5.png" alt="制造单位" class="imgface" id="img5" /><br>
      <font class="tbg">制造单位</font></td>
    <td width="70" height="70" align="center" valign="middle"><img id="img6" class="imgface" src="images/btn6.png" alt="状态查询" /><br>
      <font class="tbg">状态查询</font></td>
    <td width="70" height="70" align="center" valign="middle">
    <select id="sttype">
      <option value="0" selected>运行状态</option>
      <option value="1">检验状态</option>
    </select>
    </td>
  </tr>
</table>
    </td>
  </tr>
</table>
</div>

<div id="frm1" style="left: 25%; top: 25%">
    <div class="bartop right">
        <img src="images/close.gif" alt="" id="btnclose" class="clickimg" />
    </div>
    <div class="toptext center" id="frmtitle">
        按维保单位显示
    </div>
    <div class="block"></div>   
   <div class="barcontent center">
        <div id="Div2" class="fd">省份：</div>
        <div class="left">
        <select id="prolist" class="comb">
        </select>
        </div>
   </div>
    <div class="block"></div>   
   <div class="barcontent center">
        <div id="Div1" class="fd">城市市区：</div>
        <div class="left">
        <select id="citylist" class="comb">
        </select>
        </div>
   </div>    
    <div class="block"></div> 
   <div class="barcontent center">
        <div id="Div3" class="fd">行政区：</div>
        <div class="left">
        <select id="arealist" class="comb">
        </select>
        </div>
   </div>
   <div class="block"></div> 
   <div class="barcontent center">
        <div id="Div4" class="fd">街道办：</div>
        <div class="left">
        <select id="streetlist" class="comb">
        </select>
        </div>
   </div>
   <div class="block"></div>
   <div class="barcontent center">
        <div id="lbl3" class="fd">选择单位：</div>
        <div class="left">
        <select id="unitlist" class="comb">
        </select>
            <input id="flag" type="hidden" /></div>
    </div>
    <div class="block"></div>   
    <div class="center">
         <input id="btnok" type="button" value="确定" />
    </div>
</div>
    </form>
</body>
</html>

三江831
关注
专栏目录
百度地图之初始化地图
李 克 鹏 的 博客
03-25 1222
引入库： <head> <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=自己的key"> </script> <head><style> 确定地图的宽和高： <head> <style> html, body { width:
Baidu Map开发示例
weixin_30614587的博客
07-17 90
1.获取SHA1码 在Eclipse中点击“Windows”----->“Preferences” ----->“Android” ----->“Build”如下图： 打开“Win+R”输入cmd，输入“keytool –list –v –keystore <Android keystore的存储位置>”，Keystore密码默认是:Android，获取认证指...
百度地图API实例
pihaishen的专栏
03-04 630
第一步：在工程里新建libs文件夹，将开发包里的baidumapapi_v2_0_0.jar拷贝到libs根目录下，将libBMapApiEngine_v2_0_0.so和libvi_voslib.so 拷贝到libs\armeabi目录下。第二步：在工程属性->Java Build Path->Libraries中选择“Add External JARs”，选定baidumapapi_v2_
百度地图信息窗口及按钮点击
u013258556的博客
10-28 2518
百度地图给标注点添加点击事件（点击打开信息窗口）、监听信息窗口内按钮（点击信息窗口内按钮触发） marker.addEventListener('click', function() { map.centerAndZoom(new BMap.Point(thePoint.lng, thePoint.lat), 13) // 创建信息窗口对象 var sContent = '<p id="...
百度地图点击触发事件介绍
热门推荐
qq_42294208的博客
06-18 2万+
 谈一下给标注添加一个事件，事件方法与Map事件机制相同。 监听标注事件监听标注事件是调用marker.addEventListener的方法，现在我们先看到核心类里面的事件。这个事件是marker中的事件，但是marker事件是可以应用于全局的，然后我们在所有的地图上点击，都可以使用这个事件来获取。 然后，我们看到的事件，也就是marker中的事件，从网站的网页中类参考的覆盖物类我们可以知道，当...
百度地图点击事件
ruoyu8836的博客
12-03 1591
百度地图 1.百度地图开发 我的应用 ->创建应用->白名单的编写（*）不限区域->即可获取秘钥->j就可以直接进行开发 2.点击标记添加点击事件 其中红色区域就是修改的部分 即可看到地图显示部分 3.具体代码``实现过程 在这里插入代码片<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>点击事件</t
c# 调用百度地图API 代码示例
04-23
将百度地图嵌入c# cs窗体中，cs后台控制百度地图： 1）用WebBrower控件加载本地的一个html文件，在html中实现加载百度地图 2）动态添加覆盖物 3）动态添加标签 4）动态添加点击小气球提示 5）经纬度提取详细地址 查...
WinForm调用百度地图接口用法示例
08-30
此外，示例代码中还展示了如何在WinForm应用程序中调用百度地图的其他功能，例如添加交通流量图层、启用滚轮放大缩小等。 总结来说，WinForm调用百度地图接口用法的核心在于使用WebBrowser控件加载HTML文件，并通过...
VB调用百度地图示例
03-27
这个"VB调用百度地图示例"是关于如何在VB程序中集成百度地图API，实现地图显示以及平移至特定坐标的功能。下面将详细介绍这一过程的关键知识点。 首先，理解API（Application Programming Interface）的概念至关...
百度地图之控件使用
u010989191的博客
05-05 1万+
前言本文是继上一篇百度地图API之环境搭建之后介绍如何在百度地图上使用一些控件。百度地图API控件介绍Control控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。NavigationControl地图平移缩放控件，PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。移动端提供缩放控件，默认位于地图右下方。OverviewMapControl缩略地图控件，默认位于
大数据助你“吃鸡”一臂之力！
数据森麟
07-26 391
糖甜甜甜，985高校经管研二，擅长用python，R， tableau等工具结合统计学和机器学习模型做数据分析。个人公众号：经管人学数据分析。大吉大利，今晚吃鸡~今天跟...
大吉大利，今晚如何用 Python 解锁“吃鸡”的正确姿势
CSDN资讯
07-29 8987
大吉大利，今晚吃鸡~ 今天跟朋友玩了几把吃鸡，经历了各种死法，还被嘲笑说论女生吃鸡的100种死法，比如被拳头抡死、跳伞落到房顶边缘摔死 、把吃鸡玩成飞车被车技秀死、被队友...
android百度地图路线查询,Android百度地图——路线规划搜索
weixin_39968410的博客
05-26 512
百度地图提供的路线规划搜索有3种：驾车、公交、步行。3中方式的使用方法类似，步骤如下：1、初始化地图/**初始化百度地图**/private void initBaiduMap(){//初始化地图mMapView.showZoomControls(false);mBaidumap = mMapView.getMap();//地图点击事件处理mBaidumap.setOnMapClickListen...
vue项目中添加百度地图功能及解决遇到的问题详解
搁浅_9527
09-18 1万+
第一步，在百度地图开放平台 申请密钥 （如果有密钥可以省略此步骤，朋友有也可以借） 地址：http://lbsyun.baidu.com/ 第二步，创建应用并填写表单（下面链接可参考） http://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html 这个是我的密钥，不过个人
百度地图API详解之自定义地图控件
weixin_30270889的博客
08-23 510
本文向大家介绍关于自定义地图控件的知识，你将了解到如何通过百度地图API自定义自己的地图控件。 控件基础 控件是地图API提供的供用户操作地图的界面元素，API内置了几个控件：缩放/平移控件（NavigationControl）、缩略图控件（OverviewMapControl）、比例尺控件（ScaleControl）、版权控件（CopyrightControl）和地图类型控件（MapTy...
页面中插入百度地图（利用百度地图API）
张亚运的专栏
12-15 3491
.aspx代码如下：                                           var map = new BMap.Map("div_baiduMap");         map.centerAndZoom(new BMap.Point(116.321565, 39.979607),
Vue Baidu Map百度地图定位当前位置
盏茶作酒的博客
09-01 2732
<template> <div> <baidu-map class="map" @ready="handler" style="height:500px;" :center="center" :zoom="15" :map-click="false" ak="ug2vkDRbX17m76RVbIjkTXBOK46OBnkg" > &l...
百度地图BaiduMap--学习（四）------定位当前位置，显示中文地址
相公
10-16 1512
转载学习http://blog.csdn.net/bob_xing_yang/article/details/50450544 直接上代码： xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools
使用JavaScript调用百度地图API实现功能
"这篇资源是关于如何在网页中使用JavaScript调用百度地图API来创建和操作地图的方法。作者提供了一些实用的代码示例，包括设置地图中心点、添加标记、显示信息窗口等。" 在JavaScript中，百度地图API允许开发者在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三江831

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值