百度地图API-搜索地址、定位、点击获取经纬度并标注
百度地图api：http://developer.baidu.com/map/jsdemo.htm
api申请ak：http://lbsyun.baidu.com/
一、搜索地址、定位、点击获取经纬度并标注（一般用于会员后台）
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxx"></script>
</head>
<body>
<input name="address" type="text" id="address" class="inp" style="width: 192px" value="陕西省">
<input type="button" value=" 搜索位置 " onclick="codeAddress()" class="ana">
<input name="jingdu" type="text" id="jingdu" value="108.95309828" />
<input name="weidu" type="text" id="weidu" value="34.2777999" /> <br />
<div style="width:1400px;height:800px;border:1px solid gray" id="allmap"></div>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
//var map = new BMap.Map("allmap", { mapType: BMAP_SATELLITE_MAP });
var point = new BMap.Point(109.503789, 35.860026);
map.centerAndZoom(point, 14);
map.enableScrollWheelZoom(); //启用滚轮放大缩小
//定位
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
//mk.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
mk.enableDragging();
//alert('您的位置：' + r.point.lng + ',' + r.point.lat);
document.getElementById("jingdu").value = r.point.lng;
document.getElementById("weidu").value = r.point.lat;
}
else {
//alert('failed' + this.getStatus());
}
}, { enableHighAccuracy: true }) //add city
map.addControl(new BMap.CityListControl({
anchor: BMAP_ANCHOR_TOP_LEFT
})); //add click
function showInfo(e) {
//alert(e.point.lng + ", " + e.point.lat);
document.getElementById("jingdu").value = e.point.lng;
document.getElementById("weidu").value = e.point.lat;
var mk = new BMap.Marker(e.point);
map.addOverlay(mk);
map.panTo(e.point);
//mk.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 deletePoint(); //删除所有标注
}
map.addEventListener("click", showInfo); function deletePoint()
{
var allOverlay = map.getOverlays();
for (var i = 0; i < allOverlay.length - 1; i++) {
map.removeOverlay(allOverlay[i]);
}
}
//关于状态码
//BMAP_STATUS_SUCCESS 检索成功。对应数值“0”。
//BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。
//BMAP_STATUS_UNKNOWN_LOCATION 位置结果未知。对应数值“2”。
//BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。
//BMAP_STATUS_INVALID_KEY 非法密钥。对应数值“4”。
//BMAP_STATUS_INVALID_REQUEST 非法请求。对应数值“5”。
//BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增)
//BMAP_STATUS_SERVICE_UNAVAILABLE 服务不可用。对应数值“7”。(自 1.1 新增)
//BMAP_STATUS_TIMEOUT 超时。对应数值“8”。(自 1.1 新增) function codeAddress() {
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(document.getElementById("address").value, function (point) {
if (point) {
map.centerAndZoom(point, 14);
map.addOverlay(new BMap.Marker(point));
document.getElementById("jingdu").value = point.lng;
document.getElementById("weidu").value = point.lat;
} else {
alert("您输入的地址在地图中未找到，请重新输入地址!");
}
}, "");
} </script>
</body>
</html>
二、按经纬度显示地图（前台）
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<div style="width:700px;height:500px;border:1px solid gray" id="allmap"></div>
<script type="text/javascript">
var map = new BMap.Map("allmap");//2d地图
//var map = new BMap.Map("allmap", { mapType: BMAP_SATELLITE_MAP });//卫星地图
var point = new BMap.Point(119.305724, 26.092186);
map.centerAndZoom(point, 18);
map.addControl(new BMap.NavigationControl());
var marker = new BMap.Marker(point);
map.addOverlay(marker);
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
</script>
</body>
</html>
百度地图API-搜索地址、定位、点击获取经纬度并标注的更多相关文章
- 百度地图api通过地址显示地图，白名单
百度地图api通过地址显示地图,白名单 http://developer.baidu.com/map/jsdemo.htm#i7_1?qq-pf-to=pcqq.c2c---------------- ...
- 【百度地图API】如何判断点击的是地图还是覆盖物？
原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看. ...
- 如何利用【百度地图API】进行定位？非GPS定位
原文:如何利用[百度地图API]进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你.你能很容易使用以下代码进行定位! ------------------------------- ...
- HTML5调用百度地图API进行地理定位实例
自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发.虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情.今天为大家带来的是使用HTML5调用百度地图AP ...
- 百度地图API的IP定位城市和浏览器定位（转）
百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支 ...
- 百度地图API 根据地址查询经纬度
html页面.引用上API: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> ...
- 百度地图API 拖拽或点击地图位置获取坐标
function setPlace(map,myValue,callback){ function getAddress(){ var pp = local.getResults().getPoi(0 ...
- php用百度地图API进行IP定位和GPS定位
<?php /** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apico ...
- 百度地图api根据地址获取经纬度
package com.haiyisoft.cAssistant;import java.io.BufferedReader;import java.io.IOException; import ja ...
随机推荐
- 有可能挑战Java优势的四种技术
2012-02-22 Java是一种杰出的产业开发语言,这是因为它带来了伟大的统一和对事实上以前并不存在的重要标准的关注.但是和所有语言一样,Java将来也会褪色.依据我做的超越Java的研究,一个 ...
- eclipse 找类的jar包方便工具
经常在开发过程,因为使用到比较多的类库(jar文件),在开发时经常会找不到需要的类文件存放在哪个jar文件中,这时classlocator这个插件就带我们带来极大的方便,可以帮我很快速的找到我们需要的 ...
- Delphi单元文件引用名称问题
Delphi新版本的单元文件格式变化了,如windows变成了winapi.windows,如果想在单元引用中使用简称,则需要在工程选项中配置: 这样就可以使用全名或简写来引用单元了.
- Java 过滤特殊字符的 正则表达式
Java正则表达式学习: 因为正则表达式是一个很庞杂的体系,此例仅举些入门的概念,更多的请参阅相关书籍及自行摸索. \\ 反斜杠 \t 间隔 ('\u0009') \n 换行 ('\u000A') \ ...
- 关于解锁美版Play市场
关于解锁美版Play市场(本帖已经突破了G+的500评论上限,如有问题请转载留言) 我对这个问题思考的很深刻也思考了很久,作为一个深度google脑残粉怎么能用不完整的Play Store呢?那人生岂 ...
- C# Httpclient客户端操作
原文地址:https://www.cnblogs.com/Xujg/p/4113387.html HttpClient 当前主流用法,异步请求,自.NET4.5开始可从Nuget包管理中获取. usi ...
- Mac 安装任何来源的文件
1.Mac 安装任何来源的文件 安装软件提示文件损坏怎么处理,打开 DMG 文件提示损坏怎么处理,来自不信任的开发者怎么处理,macOS Sierra 如何安装任何来源的文件. 非常肯定的告诉您不是我 ...
- Linux定时器工具
要使用crontab定时器工具,必须要启动cron服务: service cron start crontab的语法,以备日后救急 参见:http://blog.csdn.net/zlzlei/art ...
- 黑客公布2012年最弱智密码Top25(转)
尽管弱密码对安全性的危害大家都知道,但是仍然有很多网民使用超弱密码.日前,黑客公布了一份密码文档,列出了今年最弱智密码. 根据 SplashData 公布的“年度最弱智密码 Top25”,和去年一样, ...
- android图片等比例缩放 填充屏幕
在ImageView的t同事设置两个属性 android:adjustViewBounds="true"android:scaleType="fitXY"