百度地图搜索经纬度代码
2016-07-08 21:49
330 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百度地图API演示:查询百度地图经纬度</title> <script type="text/javascript" src="http://api.map.baidu.com/api?key=3690f5facff0a96fc7ff291c20f532e0&v=1.0&services=true" ></script> <script type="text/javascript"> function MblogDotccMap(keyword){ var map = new BMap.Map("MblogMap"); // 创建地图实例 var point = new BMap.Point(119.607568,39.940628); // 创建点坐标 map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别 //添加缩放控件 map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); /*显示地图中心地点的坐标 map.addEventListener("dragend", function(){ //map.panTo(point); var center = map.getCenter(); document.getElementById("info").innerHTML = "当前地图中心坐标:" + center.lng + ", " + center.lat; });*/ //搜索 var local = new BMap.LocalSearch(map, {renderOptions: {map: map, panel: "results_info"}}); map.panBy(point); local.search(keyword); local.getResults(); local.setSearchCompleteCallback(function(searchResult){ var poi = searchResult.getPoi(0); //alert(poi.point.lng+" "+poi.point.lat); document.getElementById("info1").value = poi.point.lng + "," + poi.point.lat; }); map.addEventListener("click", function (e) { var _point = e.point; document.getElementById("info2").value = _point.lng + "," + _point.lat; }); } </script> </head> <body onload="MblogDotccMap();" onkeydown="if(event.keyCode==13)MblogDotccMap(document.getElementById('keyword').value)"> <div style="width:600px;height:450px;border:1px solid gray; float:left" id="MblogMap"></div> <div style="margin-top:10px; margin-left:10px; float:left"> 先用搜索查询出大概位置,然后鼠标点击想要的具体位置: <div id="search" style="margin-top:10px; margin-left:10px;">搜索: <input type="text" size="20" name="keyword" id="keyword" /> <input type="submit" value="提交" onclick="MblogDotccMap(document.getElementById('keyword').value)" /> </div> <div id="results_info" style="margin-top:10px; margin-left:10px;"></div> <div id="info" style="margin-top:10px; margin-left:10px;"> 搜索地址经纬度:<input type="text" id="info1"/><br/> 鼠标点击经纬度:<input type="text" id="info2"/> </div> </div> </body>
百度地图API演示:查询百度地图经纬度
相关文章推荐
- [C#6] 6-表达式形式的成员函数
- python基础——使用dict和set
- [LeetCode 169]Majority Element: Moore Voting Algorithm
- 提高项目28-字符统计
- spring属性编辑器
- ASP.NET Core (一):简介
- Asp.net 控件用法汇总-RadioButtonList、DropDownList、button、Checkbox...
- C语言学习笔记_数组
- PHP面向对象知识总结
- 枚举,int ... X,ScheduledExecutorService
- 提高项目27.3暴力破解
- 用反射的方法获取一个类的信息
- 华为机试题—字符串压缩 c++
- 提高项目27.2解密
- H264 RTP封包原理(转载)
- 切莫让CDN缓存你的动态文件
- (巩固基础篇)排序算法:①插入排序②希尔排序③冒泡排序④选择排序⑤快速排序
- Hbase启动,警告Java HotSpot(TM) 64-Bit Server VM warning: ignoring option MaxPermSize=128m;
- 用MyEclipse10.0远程连接Mysql数据库服务器
- C语言学习笔记_6编译预处理