js根据输入的地址获得经纬度（百度地图）

<html>
<head><title>查询经纬度</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript" src="http://api.map.baidu.com/api?v=你的密钥"></script></head>
<body style="background:#f9f9f9; margin:0 auto">
<div style="width:100%;margin:30px auto;">地址：<input id="demo" type="text" value="北京" style="margin-right:50px;"/>经纬度：<input id="haha" type="text" /><div id="ditu" style=" margin-top:30px; width:100%; height:100%;overflow:hidden;"></div></div>
</body>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("ditu");map.centerAndZoom("北京市", 12);var marker = new BMap.Marker(new BMap.Point(116.403847,39.915526));  // 创建标注，为要查询的地方对应的经纬度map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用var localSearch = new BMap.LocalSearch(map);$("#demo").blur(function(){map.clearOverlays();//清空原来的标注var keyword = document.getElementById("demo").value;localSearch.setSearchCompleteCallback(function (searchResult) {var poi = searchResult.getPoi(0);document.getElementById("haha").value = poi.point.lng + "," + poi.point.lat;map.centerAndZoom(poi.point, 13);var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat));  // 创建标注，为要查询的地方对应的经纬度map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画});localSearch.search(keyword);})</script>
</html>

默认页面，输入地址失去焦点时，进行定位，把“你的密钥”改为自己的百度地图API秘钥就好了

以下测试效果
有部分原生js没有改成jQuery，有需要可自行改

js根据输入的地址获得经纬度（百度地图）相关推荐

输入地址查询并获取地址的经纬度-百度地图-JS
demo--百度地图 <!DOCTYPE html> <html> <meta charset="utf-8"> <head th:inc ...
linux脚本获取经纬度,JS实现根据详细地址获取经纬度功能示例
本文实例讲述了JS实现根据详细地址获取经纬度功能.分享给大家供大家参考,具体如下: 这个功能还是比较实用的,记录分享一下: 根据地址查询经纬度要查询的地址: 查询结果(经纬度): var map = ...
【项目实战】---地址定位（百度地图）
前言: 最近这两天在项目中接触了根据输入地址的定位的需求.大体的来说,是在添加时根据输入的大致地址定位到百度地图对应的位置,在百度地图显示的相关定位中选取具体的地址后,将详细地址和经纬度传回到页面,然 ...
vue中获取获取当前城市地址_Vue使用百度地图获取当前城市
Vue使用百度地图获取当前城市一:申请百度地图密匙注册登录后需要进行开发者认证创建应用获取密匙AK 二:Vue项目使用下载相应插件 html文件引入创建一个新的js文件(下一步需要引入) ...
android 经纬度百度地图,05-04【咨询】安卓开发百度地图输入地址，将得到的经纬度存储...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼求助啊,用Android studio进行百度地图的开发:输入一个地址,将其经纬度存储起来,后面要用.但是赋值后,出了函数,又相当于没赋值. public ...
根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标：经纬度（图文+视频）...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
android 百度地址转经纬度,百度地图经纬度和地址的相互转换
在使用到百度地图经纬度和地址相互转换的时候,我们最最最首先需要的是集成百度地图,让我们的APP能够拥有百度的jar包功能,然后在我们所需要转换的activity或者fragment中implement ...
php地址转换成经纬度,百度地图获取地址转换为经纬度
html> 根据地址查询经纬度 a.{ margin-right:100px; } style="position: absolute; margin-top:30px; width: ...
android高德地图用地址获取经纬度,高德地图API-获取位置信息的经纬度
一.首先需要注册成为开发者,注册成功后就可以使用此开放平台. 步骤如下: 1.百度搜索高德开放平台,进入网站.或者输入网址:https://lbs.amap.com/ 搜索高德开放平台高德开发平 ...

js根据输入的地址获得经纬度（百度地图）

js根据输入的地址获得经纬度（百度地图）相关推荐

最新文章

热门文章