百度地图经纬度,转换为地图上的点
<!doctype html>
<html lang="en">
<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> <script type="text/javascript" src="../js/jquery-1.12.1.min.js"></script> <style> a.{ margin-right:100px; } </style>
</head>
<body style="background:#CBE1FF">
<div style="width:730px;margin:auto;"> <input class="a" type="hidden" value="金水区"/> <input class="a" type="hidden" value="二七区"/> <input class="a" type="hidden" value="管城区"/> <input class="a" type="hidden" value="经开区"/> <input class="a" type="hidden" value="金水区"/> <input class="a" type="hidden" value="高新区"/> <input class="a" type="hidden" value="惠济区"/> <input class="a" type="hidden" value="郑东新区"/> <div id="container" style="position: absolute; margin-top:30px; width: 730px; height: 590px; top: 50px; border: 1px solid gray; overflow:hidden;"> </div>
</div>
</body>
<script type="text/javascript"> var map = new BMap.Map("container"); var point = new BMap.Point(113.48722, 23.187232); map.centerAndZoom(point, 13); var localSearch = new BMap.LocalSearch(map); localSearch.enableAutoViewport(); //允许自动调节窗体大小 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 pointArray = [];//创建数组接收转化后的多个坐标值 var keyword = [];//从页面获取到的需要转化的地址 var keywordVal; $(".a").each(function (i) {//从页面获取多个地址并且存放在shuzuzhong keywordVal = $(".a").eq(i).val(); keyword.push(keywordVal); searchByStationName(); });
* console.info(keyword); */
var markerArray = [];
function searchByStationName(keywordVal) {
map.clearOverlays();// 清空原来的标注
localSearch.search(keywordVal);
localSearch.setSearchCompleteCallback(function(searchResult) {
var poi = searchResult.getPoi(0);
map.centerAndZoom("郑州", 13);
var longitude = poi.point.lng;// 经度
var latitude = poi.point.lat;// 纬度
var pointVal = new BMap.Point(longitude, latitude);
pointArray.push(pointVal);
var marker = new BMap.Marker(pointVal);
markerArray.push(marker);
// 创建标注,为要查询的地方对应的经纬度
map.addOverlay(marker);
//在页面上展示出当前位置信息
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>"+ searchResult.keyword + "</p>");
marker.addEventListener("click", function() {
this.openInfoWindow(infoWindow);
});
marker.setAnimation(BMAP_ANIMATION_BOUNCE); // 跳动的动画 });
}
console.info(pointArray);</script></html>
百度地图经纬度转换为地图上的点
转载于:https://my.oschina.net/u/3116648/blog/891113
百度地图经纬度,转换为地图上的点相关推荐
- 腾讯地图api php经纬度转换地址,腾讯地图经纬度转换为百度地图经纬度
利用微信来获取用户当前的详细地址是非常方便的,但是利用微信获取到用户的经纬度转换为具体地址时,老是出现误差很大,因此,决心把腾讯地图经纬度转换城百度地图经纬度,然后再利用百度地图api来获取详细 ...
- Android开发之百度地图(soso地图,搜狗地图,阿里云地图)转高德地图经纬度的方法
//将百度地图经纬度转换为高德地图经纬度CoordinateConverter converter = new CoordinateConverter(this);// CoordType.BAIDU ...
- 百度地图与腾讯/高德地图经纬度转换
//将腾讯/高德地图经纬度转换为百度地图经纬度 //将腾讯/高德地图经纬度转换为百度地图经纬度 function qqMapTransBMap(lng, lat) {let x_pi = 3.1415 ...
- 大批量其他经纬度转换为百度地图经纬度
大批量其他经纬度转换为百度地图经纬度 <!DOCTYPE html> <html><head><script src="./jquery-3.4.1 ...
- Vue项目使用百度地图——经纬度地图组件的封装及使用
1 前言 要在vue项目使用百度地图api,首先应做以下配置 (1)index.html index.html添加script <script src="http://api.map. ...
- (百度、谷歌)地图经纬度gps偏移解决办法:gps纠偏数据库纠偏
使用方法: 1.假设原始gps数据为(73.528888,39.368888) 2.查询数据库:SELECT * FROM offset where lng=73.52 and lat=39.36,得 ...
- python通过经纬度在地图标点_只要两步,用Python将地址标记在地图上!
本文就将讲解,给你一个地址,如何用Python进行可视化,只需要两步:将地址转成经纬度 根据经纬度在地图上标记点 一.将地址转成经纬度 首先我们需要将地理位置转成经纬度这种统一格式,方便代码去识别.完 ...
- 腾讯百度之间地图经纬度的转换
需求来源 在小程序,或者在软件开发中会有这样的需求,需要请求某个地图的接口,或者两个的接口都需要调用,但是两个地图所展示的同一个地方的经纬度会有所差异,这个时候就需要进行经纬度的转换了. 经纬度的提取 ...
- 百度地图坐标转换为墨卡托坐标
百度地图坐标转换为墨卡托坐标 转换思路 百度坐标系 (BD-09)首先转换为火星坐标系 (GCJ-02) ,根据gci坐标的经纬度再转成墨卡托坐标: 功能代码 /** * * 火星坐标系 (GCJ-0 ...
最新文章
- 使用Consul做服务发现的若干姿势
- LeetCode Algorithm 19. 删除链表的倒数第 N 个结点
- ClearTextBox.Text
- linux之分区的水深(标准分区方式)
- 利用反射,批量启动WCF服务
- java中的10的算法,Java中10个常用的排序算法
- 数据结构上机实践第四周项目4 - 建设双链表算法库
- 使用csscan评测字符集改变
- PHP中的单例模式(可用于数据库连接维护)
- 硬件工程师痛苦的BOM整理工作,幸好123BOM工具把我拽出水深火热之的BOM编辑工作,超级好用的研发BOM工具,集BOM编辑、BOM合并、BOM拆分、BOM整理等
- 郝斌C语言开篇 C语言简介
- c 语言百度翻译软件,百度翻译api 实现简易微信翻译小程序
- MySql大批量生成测试数据
- blob/text column 'content' used in key specification without a key length
- AppEmit是应用程序(尤其是浏览器)与本地程序间互相通信的易扩展的轻量级中间件
- 怎么用计算机打出汉字,Windows XP电脑入门如何使用输入法输入汉字
- excel 锁定第一行
- 华为云鲲鹏云服务抢占云上多元算力新赛道
- VSCode更新失败无法打开,快捷方式无法正常工作
- 制作二维码名片-手机扫描可直接保存到手机通讯录
热门文章
- 小马哥--高仿米3刷机 k3c td版 6582芯片 详细拆机图 主板与开机图 k3系列版本很多 警惕
- 程序运行提示缺少msvcr110、msvcp110、mfc110.dll等相关文件的解决办法
- 基于PHP的网上租房售房系统设计与实现
- 企业数字化管理是什么?如何建立企业数字化管理?
- ALUA,AA,多路径
- Anaconda FreeCAD安装
- 化繁为简 海云捷迅为企业提供应用OpenStack新“姿势”
- 从零开始,打造基于阿里IoT云平台的LoRa解决方案(3)_配置产品功能,将上传数据解析为阿里云平台数据格式
- 格式转换《星你》虫洞
- 《预训练周刊》第43期: 视觉提示、提示零样本、AI蛋白折叠革命