前段时间研究百度地图,将研究的例子保存下,备用
<!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>
</html>
分享到:
相关推荐
将百度地图嵌入c# cs窗体中,cs...查了很多资料,参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key,方便很多,使用的是v1.4版,少了很多限制,使用.net4.5开发的,可以将c#代码转为低版本也行的。
本文实例讲述了JS使用百度地图API自动获取地址和经纬度操作。分享给大家供大家参考,具体如下: 在实际工作中我们经常会遇到这样的问题,但是当我们去看百度API的时候往往又达不到我们的要求。 故此,本篇博文讲述...
主要介绍了js根据百度地图提供经纬度计算两点距离,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
主要给大家介绍了关于python通过百度地图API获取某地址的经纬度的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
下面小编就为大家分享一篇使用百度地图实现地图网格的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
根据西咸新区的经纬度坐标,将周围的轮廓图描绘出来,echarts西咸新区json文件,工作项目中用到,自己做的加的西咸新区部分,json格式,亲测可用,并且附带html代码,将示例展示出来,可惜不能发图片。 使用说明:...
主要介绍了微信小程序把百度地图坐标转腾讯地图坐标过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
百度地图API中的定位SDK,可以一次性获取当前位置经纬度以及详细地址信息,还可以获取周边POI信息,同时可以设定位置通知点,当到达某一位置时,发出通知信息等方式来告知用户
主要介绍了利用python和百度地图API实现数据地图标注的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
轨迹点达到586个,使用百度地图API接口,进行地址解析得到轨迹点的经纬度数据,并对明显错误点经纬度数据进行修改;以数组的形式将采集的数据和详细的轨迹信息分别存储于.js文件中; 然后就是web端的展现;包括基本...
1、搜索具体地址,自动填写经纬度,并在地图上标记 2、点击地图上一点,可重新填写经纬度并且标记 代码 在dom新建div渲染地图 店铺地址 prop=address> <el v-model=fristForm.address></el> v-model=...
在使用百度地图开发时,输入经纬度 (用google earth或GPS设备得到) ,会发现坐标显示位置偏移。此代码示例解决方法。