文档章节

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

邂逅江南为伊留恋
 邂逅江南为伊留恋
发布于 2017/05/03 10:17
字数 460
阅读 35
收藏 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
瓦片地图原理

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

丹追兵
2017/09/20
0
0
经纬度转换地图坐标api示例代码

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

夜晚晚
2016/03/31
114
0
【高德地图API】如何解决坐标转换,坐标偏移?

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

hejunbinlan
2015/08/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点

前言: 分享 Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点,文章有点长,但比较全面,阅读时间15分钟左右,干货满满。 一、HashMap的那些事 1.1、HashMap的实现原理 1.1.1、...

Java大蜗牛
36分钟前
2
0
nginx模块学习五 expires 浏览器缓存

缓存原理 语法 Syntax: expires [modified] time;expires epoch | max | off;Default: expires off;Context: http,server,location,if in location 例/etc/nginx/conf.d/default.con......

Romanceling
46分钟前
0
0
怎样回答技术面试题?

一、听清题,勿抢答 面试,首先也是一个人与人交流沟通的过程。有些时候,面试官还没说完问题,面试者就会打断说「这个问题我知道...」。打断不利于沟通,同时,这样其实导致面试题没听清。比...

Java小铺
49分钟前
0
0
分布式环境下的并发问题

在分布式环境中,处理并发问题就没办法通过操作系统和JVM的工具来解决,那么在分布式环境中,可以采取一下策略和方式来处理: 避免并发 时间戳 串行化 数据库 行锁 统一触发途径 避免并发 在...

edwardGe
今天
1
0
Golang可变参数

Go 可变参数 语法 如果一个函数最后一个参数被标记为…T,表示函数可以接受一个可变的参数。 比如,我们想在nums中查找num是否存在: func find(num int, nums …int){} 目的是通过find函...

春哥大魔王的博客
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部