300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 百度地图JavaScript API经纬度查询-MAP

百度地图JavaScript API经纬度查询-MAP

时间:2021-07-01 02:43:39

相关推荐

百度地图JavaScript API经纬度查询-MAP

百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ:

搜索:<input type="text" size="20" name="keyword" id="keyword" /> <input type="submit" value="提交" οnclick="MblogDotccMap(document.getElementById('keyword').value)" />

<!--更多技术分享请看博客:/fuyifang--><!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>百度地图Demo-更多技术分享请看博客:/fuyifang</title><script type="text/javascript" src="http://api./api?v=1.3"></script></head><body><div style="width: 520px; height: 340px; border: 1px solid gray" id="container"></div></body></html><script type="text/javascript">var map = new BMap.Map("container"); //初始化地图var opts = { type: BMAP_NAVIGATION_CONTROL_LARGE }; //初始化地图控件map.addControl(new BMap.NavigationControl(opts));var point = new BMap.Point(121.48, 31.22); //初始化地图中心点var marker = new BMap.Marker(point); //初始化地图标记marker.enableDragging(); //标记开启拖拽var gc = new BMap.Geocoder();//添加标记拖拽监听marker.addEventListener("dragend", function (e) {//获取地址信息gc.getLocation(e.point, function (rs) {showLocationInfo(e.point, rs);});});//添加标记点击监听marker.addEventListener("click", function (e) {gc.getLocation(e.point, function (rs) {showLocationInfo(e.point, rs);});});map.centerAndZoom(point, 15); //设置中心点坐标和地图级别map.addOverlay(marker); //将标记添加到地图中//显示地址信息窗口function showLocationInfo(pt, rs) {var opts = {width: 250, //信息窗口宽度height: 100, //信息窗口高度title: "" //信息窗口标题}var addComp = rs.addressComponents;var addr = "当前位置:" + addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber + "<br />";addr += "纬度: " + pt.lat + ", " + "经度:" + pt.lng;//alert(addr);var infoWindow = new BMap.InfoWindow(addr, opts); //创建信息窗口对象marker.openInfoWindow(infoWindow);}function MblogDotccMap(keyword) {//搜索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("info").innerHTML = "<strong>" + keyword + "</strong>" + "坐标:" + poi.point.lng + "," + poi.point.lat;});}</script><div id="results_info"></div>搜索:<input type="text" size="20" name="keyword" id="keyword" /> <input type="submit" value="提交" οnclick="MblogDotccMap(document.getElementById('keyword').value)" /><!--更多技术分享请看博客:/fuyifang-->

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。