文档章节

百度地图经纬度,转换为地图上的点

邂逅江南为伊留恋
 邂逅江南为伊留恋
发布于 2017/05/03 10:17
字数 460
阅读 37
收藏 0
<!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/2984964/blog/834427

共有 人打赏支持
邂逅江南为伊留恋
粉丝 0
博文 6
码字总数 1721
作品 0
郑州
程序员
私信 提问
浅谈百度Baidu坐标系反转至WGS84的三种思路

摘要:基于百度地图进行数据展示是目前项目中常见场景,但是因为百度地图是基于BD09坐标系的,GPS坐标(WGS84)或者其他常见的标准坐标是无法准确在地图上进行展示的,但是互联网在线情况下,...

sinat_34719507
2017/03/09
0
0
Android LBS地图开发:地球地理GPS坐标系经纬度偏移偏差

本文作者:ZhangPhil 欢迎各位转载!但请注明转载出处: http://blog.csdn.net/zhangphil/article/details/48024831 Android LBS地图开发基础知识之地球地理GPS坐标系经纬度偏移偏差 通常...

开开心心过
2015/08/27
0
0
简谈百度坐标反转至WGS84的三种思路

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 基于百度地图进行数据展示是目前项目中常见场景,但是因为百度地图是基于BD09坐标...

李晓晖
2017/01/03
0
0
Google地图百度地图GPS经纬度偏移转换(JAVA)

不多说,直接代码,Java版 主要就是Google地图,百度地图,GPS经纬度偏移转换 GCJ-02转换BD-09,Google地图经纬度转百度地图经纬度 BD-09转换GCJ-02,百度转google WGS-84 到 GCJ-02 的转换(即...

北极心
2015/04/16
0
3
【高德地图API】如何解决坐标转换,坐标偏移?

一、坐标体系 首先我们要明白,开发者能接触到哪些坐标体系呢? 第一种分类: 1、 GPS,WGS-84,原始坐标体系。一般用国际标准的GPS记录仪记录下来的坐标,都是GPS的坐标。很可惜,在中国,任...

hejunbinlan
2015/08/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【58沈剑 架构师之路】1分钟了解MyISAM与InnoDB的索引差异

《数据库索引,到底是什么做的?》介绍了B+树,它是一种非常适合用来做数据库索引的数据结构: (1)很适合磁盘存储,能够充分利用局部性原理,磁盘预读; (2)很低的树高度,能够存储大量数据;...

张锦飞
15分钟前
1
0
代码优化----使用builder模式构造对象

看《effective java》的时候,创建对象章节提到使用builder模式来创建对象。觉得非常好用,做一个记录。以后应该就会这么写啦~~~~~~ 对于一个有很多属性的类,在为属性赋值时,通常会用到两种...

wuyiyi
16分钟前
2
0
一文带你看懂cookie,面试前端不用愁

本文由云+社区发表 在前端面试中,有一个必问的问题:请你谈谈cookie和localStorage有什么区别啊? localStorage是H5中的一种浏览器本地存储方式,而实际上,cookie本身并不是用来做服务器存...

腾讯云加社区
17分钟前
1
0
随行付微服务测试之接口测试和契约测试

背景 日常开发过程中,项目的接口通常由服务提供方约定和提供,微服务模式下接口被多个消费者调用更是常态,那么提供方接口的变更如何快速、高效、无遗漏的通知给消费者呢?另外,当一个ser...

马力-随行付
18分钟前
1
0
为什么Python是2019最值得学的编程语言?

对于那些从来没有学习编程小伙伴,Python 是最好的选择之一, Python 是一种清晰的语言,用缩进来表示程序的嵌套关系可谓是一种创举,把过去软性的编程风格升级为硬性的语法规定。再不需要在...

糖宝lsh
18分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部