这个是搜索地理位置,有个以输入框,单击搜索,可以直接搜到你想去的位置.相当于地图搜索.
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 4 <title></title> 5 6 <script type="text/javascript" src="http://api.map.baidu.com/api?&v=1.4"> 7 </script> 8 9 </head> 10 <body> 11 <p> 12 地址：<input id="txtSearch" type="text" /> 13 <input type="button" value="搜索" onclick="search()" /></p> 14 <div style=" 100%; height: 800px; border: 1px solid gray;" id="container"> 15 </div> 16 </body> 17 18 <script type="text/javascript"> 19 function $(id) { 20 return document.getElementById(id); //定义$ 21 } 22 var map = new BMap.Map("container"); //创建地图 23 map.centerAndZoom(new BMap.Point(120.384715, 36.090548), 13); //初始化地图 24 25 var city = new BMap.LocalSearch(map, { renderOptions: { map: map, autoViewport: true} }); //地图显示到查询结果处 26 27 function search() { 28 var s = $("txtSearch").value; 29 city.search(s); //查找城市 30 } 31 </script> 32 33 </html>
获取地图坐标:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>地图坐标概念</title> 6 <script src="http://api.map.baidu.com/api?v=1.2"></script> 7 </head> 8 <body> 9 <div id="map_container" style="500px;height:320px;"></div> 10 <script> 11 var map = new BMap.Map('map_container', {defaultCursor: 'default'}); 12 map.centerAndZoom(new BMap.Point(120.384715, 36.090548), 10); 13 14 var TILE_SIZE = 256; 15 16 map.addEventListener('click', function(e){ 17 var info = new BMap.InfoWindow('', { 260}); 18 var projection = this.getMapType().getProjection(); 19 20 var lngLat = e.point; 21 var lngLatStr = "经纬度：" + lngLat.lng + ", " + lngLat.lat; 22 23 var worldCoordinate = projection.lngLatToPoint(lngLat); 24 var worldCoordStr = "<br />平面坐标：" + worldCoordinate.x + ", " + worldCoordinate.y; 25 26 var pixelCoordinate = new BMap.Pixel(Math.floor(worldCoordinate.x * Math.pow(2, this.getZoom() - 18)), 27 Math.floor(worldCoordinate.y * Math.pow(2, this.getZoom() - 18))); 28 var pixelCoordStr = "<br />像素坐标：" + pixelCoordinate.x + ", " + pixelCoordinate.y; 29 30 var tileCoordinate = new BMap.Pixel(Math.floor(pixelCoordinate.x / 256), 31 Math.floor(pixelCoordinate.y / 256)); 32 var tileCoordStr = "<br />图块坐标：" + tileCoordinate.x + ", " + tileCoordinate.y; 33 34 var viewportCoordinate = map.pointToPixel(lngLat); 35 var viewportCoordStr = "<br />可视区域坐标：" + viewportCoordinate.x + ", " + viewportCoordinate.y; 36 37 var overlayCoordinate = map.pointToOverlayPixel(lngLat); 38 var overlayCoordStr = "<br />覆盖物坐标：" + overlayCoordinate.x + ", " + overlayCoordinate.y; 39 40 info.setContent(lngLatStr + worldCoordStr + pixelCoordStr + tileCoordStr + 41 viewportCoordStr + overlayCoordStr); 42 map.openInfoWindow(info, lngLat); 43 }); 44 </script> 45 </body> 46 </html>