文档章节

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

邂逅江南为伊留恋
 邂逅江南为伊留恋
发布于 2017/05/03 10:17
字数 460
阅读 36
收藏 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
郑州
程序员
Android LBS地图开发:地球地理GPS坐标系经纬度偏移偏差

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

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

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

sinat_34719507
2017/03/09
0
0
经纬度转换地图坐标api示例代码

经纬度转换地图坐标api支持百度、谷歌、GPS三大经纬度互相转化。 基于php的经纬度转换地图坐标api调用代码实例 <!--?php// +------------------------------------------------------------...

夜晚晚
2016/03/31
114
0
瓦片地图原理

引言 谷歌地图、百度地图、高德地图、腾讯地图、Bing地图这些互联网地图是怎么制作的? 经纬度 地球是一个椭球,Datum是一组用于描述这个椭球的数据集合。最常用的一个Datum是WGS84(World G...

丹追兵
2017/09/20
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

没有更多内容

加载失败,请刷新页面

加载更多

Qt那些事0.0.7

在帮助文档(Overview - QML and C++ Integration)中随缘遇到一张图,是关于C++对象与QML整合介绍的,值得标记下来,虽然大部分功能也有所涉猎,但是还是留个记号,万一哪天我失忆了还想写Q...

Ev4n
26分钟前
0
0
快速幂运算

题:求一个数 data 的 n 次幂,要求时间复杂度为log(n) 1:递归算法: /** * x^3=(x^2)*x;x^7=(x^3)^2 * x * * 递归算法 * @param data 底数 * @param n 次...

偶尔诗文
30分钟前
1
0
Google 宣布将会关闭消费者版本 Google+

Google 家的社交平台 Google+ 原来曾经在今年 3 月发生了一次严重的用户资料外泄事故,但这科网巨擘却一直保密,直至今天华尔街日报把事件披露之后才确认事件。Google 在重申问题已经即时解决...

问题终结者
44分钟前
1
0
腾讯三大运维开源项目齐聚“OSCAR开源先锋日”

10月20日,腾讯开源三大运维开源项目——TARS、蓝鲸和织云Metis首次集结,参与了由中国信息通信研究院主办、云计算标准与开源推进委员会承办的 “OSCAR开源先锋日”。会上,腾讯开源团队与前...

腾讯开源
49分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部