openlayers对接百度地图新方法

上次给大家提供的openlayers对接百度地图有些问题,是因为没有进行分辨率设置,也没有进行相应的平面坐标转换,获取getURL的方法还是没有变化的

 1 getURL: function (bounds) {
 2       var tilez=this.map.zoom-1;
 3       var res = this.map.getResolution();
 4       var bbox = this.map.getMaxExtent();
 5       var size = this.tileSize;
 6       var bx = Math.round((bounds.left - this.tileOrigin.lon) / (res * size.w));
 7       var by = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * size.h));
 8       tilez = tilez + 1;
 9       var x = bx.toString().replace("-","M");
10       var y = by.toString().replace("-","M");
11       var urlsNum = parseInt((bx + by) % this.url.length);
12       var strURL = "";
13       strURL = this.url[urlsNum] + ‘?qt=tile&x=‘+x+‘&y=‘+y+‘&z=‘+tilez+‘&styles=pl&udt=20140807‘;
14       return strURL;
15     },

主要是前端调用时候的设置有所更改,在new map时需要传入两个参数

projection:"EPSG:900913",
displayProjection:"EPSG:4326"

以平面形式对接,

var tileOrigin = new OpenLayers.LonLat(0,28000);//这个参数在对接中还是稍微有y轴的偏移,考虑因该是百度平面坐标系不是基于web墨卡托投影,而这个用的是web墨卡托投影的方式却对接的。
var maxExtent = new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34);

new Layer的时候需要传入的opts = {

numZoomLevels:20,
maxResolution:262144,

maxExtent :maxExtent ,

tileOrigin :tileOrigin

}

时间: 2024-11-10 11:38:48

openlayers对接百度地图新方法的相关文章

获取百度地图代码方法

在百度搜索里面搜索ueditor这个网站,点击进入网站后,在点击UE演示,如下图地址所示: http://ueditor.baidu.com/website/onlinedemo.html 点击百度地图图标,输入地址,点击搜索,并且选择[插入动态地图] 搞定后,选择查看html代码,将源码插入到网站html中即可.

echarts移除百度地图logo方法

移除百度地图LOGO和版权信息 在jsp头上加上如下代码即可: <style type="text/css"> .anchorBL{ display:none } </style> 原文地址:https://www.cnblogs.com/XiOrang/p/9895444.html

第151天:网页中插入百度地图方法(不需要密钥)

今天分享一个在网页中插入百度地图的方法,不需要密钥哦,前两天,我试了好多次百度开发平台上使用百度地图的方法,都需要申请密钥,申请了,还是用不了,后来,终于发现了一个不需要密钥的方法,希望对需要的朋友有帮助! 1.打开百度地图生成器链接:http://api.map.baidu.com/lbsapi/creatmap/ 2.在左侧填写位置信息 3.设置地图宽高 4.给位置添加标注信息,可以修改标注图标,完成后点击保存 5.获取代码 将代码保存到文件里,可以命名map.html,在页面中引用时,注意

微信JS-SDK之地理位置的获取与在线导航,集成百度地图实现在线地图搜索

原创声明:本文来源于本人另一博客[微信JS-SDK之地理位置的获取,集成百度地图实现在线地图搜索]原创作品,绝非他处摘取,转载请联系博主 本次讲解微信开发第三篇:获取用户地址位置信息,是非常常用的功能,特别是服务行业公众号,尤为需要该功能,本次讲解的就是如何调用微信JS-SDK接口,获取用户位置信息,并结合百度地铁,实现在线地图搜索,与在线导航. 官方文档地址:https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.htm

iOS第三方-百度地图地图SDK(一)

前言 最近项目忙完了准备把百度地图的方法都熟悉一遍,写demo的同时也写下博客来记录下 模拟器设置 我直接就复制我以前写过的一篇的图了,懒得截图... 获取百度地图KEY 使HTTP能正常使用 让百度地图能正常使用 确认项目中添加mapapi.bundle文件以及添加方法正确,不能删除或随意更改其中files文件夹下的内容 配置开发环境

百度地图跟angular的结合

我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码,发现,我去,报错了,我一开始还以为是百度地图跟angular有冲突,然后我就去搜索啊,发现angular也有一个百度地图插件,无奈我用了报错了,网上说要用angular2版本才能兼容,但是我又不会下载2版本,所以我就放弃了,然后呢,我又去解决我一开始的那个错误了,发现,玛德我傻逼了,首先来说一下百度地图怎么用吧,很简单,上代码 首先引入js <script type="text/javascr

如何引入百度地图

引入百度地图的方法,直接贴代码,运行一下代码就行了: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met

如何在百度地图、腾讯地图标注公司地址信息?

比如百度地图.腾讯地图.高德地图是可以标注公司位置的,不一定是店铺.所以我们有机会把公司地址在地图里标注出来,这样以后客户拜访时就会非常方便.我们遇到很多朋友都是花了几百块钱做地图标注,实际上这一切都是免费的. 首先,我们来看看地图标注效果. 微信应用场景案例展示(手机QQ相同) 百度地图应用场景 以上为各个应用场景案例(以卢松松公司为例),实际上在地图上提交并不是什么难事,只要按照要求提交相应资料就可以了. 其次,我们来看看怎么操作. 在做地图标注前,先准备好以下资料: 1,公司营业执照电子版

AEAI Portal中集成百度地图

概述 很多网站上都会有联系方式和地址,为了能更直观的显示出地址的具体位置,很多网站都在地址下面添加百度地图,下面就为大家介绍在AEAI Portal门户集成平台中为网站添加百度地图的方法. 步骤 1.  打开百度地图生成器的网址http://api.map.baidu.com/lbsapi/createmap/index.html 2.  在这里填入您的地址,标注等,然后点击下面获取代码的按钮,把代码复制下来即可,这只是其中的一款模板,您也可以选择别的模板,下面是我获取到的代码. <!DOCTY