根据详细地址获取经纬度

这个功能还是比较实用的，记录分享一下：

<html xmlns="http://www.w3.org/1999/xhtml"><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=1.3"></script></head><body style="background:#CBE1FF"><div style="width:730px;margin:auto;">要查询的地址：<input id="text_" type="text" value="郑州大学" style="margin-right:100px;" /> 查询结果(经纬度)：<input id="result_" type="text" /><input type="button" value="查询" οnclick="searchByStationName();" /><div id="container" style="position: absolute;margin-top:30px; width: 730px; height: 590px; top: 50; border: 1px solid gray;overflow:hidden;"></div></div></body><script type="text/javascript">var map = new BMap.Map("container");map.centerAndZoom("郑州", 15);map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件map.addControl(new BMap.OverviewMapControl({isOpen: true,anchor: BMAP_ANCHOR_BOTTOM_RIGHT})); //右下角，打开var localSearch = new BMap.LocalSearch(map);localSearch.enableAutoViewport(); //允许自动调节窗体大小function searchByStationName() {map.clearOverlays(); //清空原来的标注var keyword = document.getElementById("text_").value;localSearch.setSearchCompleteCallback(function(searchResult) {var poi = searchResult.getPoi(0);document.getElementById("result_").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);var content = document.getElementById("text_").value + "<br/><br/>经度：" + poi.point.lng + "<br/>纬度：" + poi.point.lat;var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");marker.addEventListener("click", function() {this.openInfoWindow(infoWindow);});// marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画});localSearch.search(keyword);}</script></html>

根据详细地址获取经纬度相关推荐

linux脚本获取经纬度,JS实现根据详细地址获取经纬度功能示例
本文实例讲述了JS实现根据详细地址获取经纬度功能.分享给大家供大家参考,具体如下: 这个功能还是比较实用的,记录分享一下: 根据地址查询经纬度要查询的地址: 查询结果(经纬度): var map = ...
根据详细地址获取经纬度（通过高德API）
vue项目根据详细地址获取经纬度(通过高德API) 一.在高德控制台key的获取二.Jsonp的使用三.查看success回调返回的打印结果一.在高德控制台key的获取网上找了很多,但是多多少 ...
Java调用高德地图API根据详细地址获取经纬度
Java调用高德地图API根据详细地址获取经纬度官方API:https://lbs.amap.com/api/webservice/guide/api/georegeo * Web服务API 地理/ ...
vue 根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...
vue 百度地图根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...
利用高德地图根据详细地址获取经纬度(工具类)
废话不多说,直接上代码: package org.changneng.framework.frameworkweb.utils;import java.io.BufferedReader; impor ...
腾讯地图api如何根据地址获取经纬度
腾讯地图api如何根据地址获取经纬度 /** * 根据地址得到经纬度 //GET请求 */ @GetMapping("tencentGetLatLngBy/{a ...
php根据地址获取经纬度
使用得是高德开放平台,网址为:https://lbs.amap.com/ 第一步,申请"Web服务API"密钥(Key): 第二步,拼接HTTP请求URL,第一步申请的Key需作为 ...
javascript 通过地址获取经纬度 get lat long from address
1. 地图版: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" ...

根据详细地址获取经纬度

根据详细地址获取经纬度相关推荐

最新文章

热门文章