百度地图根据输入的内容定位

来源：互联网发布：浙江网新恒天软件待遇编辑：程序博客网时间：2024/04/25 04:37
<!DOCTYPE html><html lang="en">    <head>        <meta charset="utf-8">    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>    </head>    <body>        <div style="height: 500px;margin-top:20px;width:50%;margin-left:190px!important;" id="allmap"></div>        <input type="text" value="" id="city">        <input type="button" value="定位" id="c">    </body>    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=qrSozqY5wzB5D3Nm86FckGzXI98ynQg2"></script>    <script type="text/javascript">        function initialize(city) {            //---------------------------------------------基础示例---------------------------------------------            var map = new BMap.Map("allmap");            var lng;            var lat;                        // 创建地址解析器实例            if(!city){                city = '苏州市';            }            var myGeo = new BMap.Geocoder();            var point = new BMap.Point(116.331398,39.897445);            // 将地址解析结果显示在地图上,并调整地图视野            myGeo.getPoint(city, function(point){              if (point) {                // $('.lng').val(point.lng);                // $('.lat').val(point.lat);                map.centerAndZoom(point, 16);                var marker = new BMap.Marker(point);                  map.addOverlay(marker);                map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动                marker.enableDragging();    //可拖拽                marker.addEventListener("dragend", function(e){                    // $('.lng').val(e.point.lng);                    // $('.lat').val(e.point.lat);                });              }else{                alert("您选择地址没有解析到结果!");              }            }, "北京市");                   }                function loadScript() {           var script = document.createElement("script");           script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";           document.body.appendChild(script);        }                window.onload = loadScript;        $('#c').click(function(){            var city = $('#city').val();            initialize(city);        });    </script></html>
阅读全文
0 0