ol 接入百度地图

ol5 如何接入百度地图,网上的资料很多,但是大多都有问题,在级别放大时,地图发生扭曲。为此注重研究了下ol5 接入百度地图的方法。

首先明确以下问题:

  1. 百度地图的投影是3857.
  2. 百度地图的分辨率和谷歌、高德地图是不同的,不能直接用谷歌的分辨率。
  3. 百度地图切片大小为256*256
  4. 百度切片起始点为【0,0】
  5. 百度地图采用的墨卡托坐标系有偏移,需要自己实现百度的墨卡托坐标系转换方法。网上已有资料。

明确以下问题后,我们分析ol5 加载地图的方式:

ol 加载地图主要涉及到以下概念:

  1. view
  2. tileGrid
  3. source
  4. tileImage

实现BaiduMapSource 即可。

为了测试是否正确,加载了杭州文一路数据,见效果图:

原文地址:https://www.cnblogs.com/ssjylsg/p/9378989.html

时间: 2024-10-17 21:35:42

ol 接入百度地图的相关文章

使用html5获取当前手机的经纬度,并接入百度地图API,查询出当前位置

最近项目需要,稍微研究一下html5获取当前地理位置的问题. 获取当前位置的经纬度很简单,一句代码就搞定 [javascript] view plain copy print? navigator.geolocation.getCurrentPosition(function (position) { longitude = position.coords.longitude; latitude = position.coords.latitude; });   然后查阅百度地图API,很eas

百度地图的O2O思考:从工具化到服务化

前言:在O2O时代,每个地图都在画自己的O2O生态圈.在这个生态圈里,代理服务商.系统架构供应商.服务提供商.金融支付供应商与消费者有机地结合在一起. 百度世界大会上,李彦宏带着新产品“度秘”又秀了一把技术帝是如何做服务的,同时,百度不出意外地将各产品布局落子O2O服务.其中,作为O2O服务入口的百度地图打出了突破基础功能,向生活服务平台转型的迭代核心. 作为出行工具,地图时刻都在为人们提供出行的便利.传统的移动端数字地图服务,基本是围绕LBS功能开发上线的.作为地图这样的产品,在移动互联网 时

百度地图JavaScript API使用

最近在完成优达学城前端开发(入门)课程的P4项目中,要求调用google地图进行交互,项目已提供部分js代码和html代码.但在申请google地图API密钥时由于网络等原因,打不开或者连接超时,所以想着地图应该是相似的,百度地图可能也能实现这样的功能,于是就开始了百度地图JavaScript API使用的学习探究了. 简单介绍:百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用,包含了构建地图基本功能的各

ionic2如何调用百度地图

使用ionic2接入百度地图 在index.html中引入百度地图的js类库 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script> 密钥需要到百度地图API官方文档中申请 http://lbsyun.baidu.com/index.php?title=jspopular html页面内容 <ion-con

Android 导入百度地图SDK 详细步骤

今天交大家咋么来接入百度地图的SDK,步骤其实和百度官网上的开发指南一样,写下来做做总结. 1. 注册百度开发者账号,直接到官网注册就行,如果没有注册,你在获取秘钥的时候系统会提醒你注册.百度的LBS的首页网址是: http://developer.baidu.com/map/index.php?title=%E9%A6%96%E9%A1%B5 2. 有了百度开发者账户后就可以去申请要开发的APP,由于百度SDK需要和App绑定,在创建APP的时候需要提供android秘钥和package包名,

Android百度地图定位

说到百度地图,现在这个时候应该都是众说周知了吧,多的话不扯了,直接奔向主题. 接入百度地图api必须申请key,这里申请key就不用说了,官方文档上面有介绍如何去申请key. 这里使用的百度地图定位是4.2的版本,api是3.1.1版本.如果申请好了key,那么就可以进入编码阶段了,具体实现如下: 1.引入百度地图相关jar包及armeabi目录到libs目录中 2.在项目的AndroidManifest.xml文件中配置相关信息 配置权限 <uses-permission android:na

C#显示百度地图API

http://dev.baidu.com/wiki/static/map/API/examples/?v=1.3&2_0#2&0 太原市的经纬度:112.596, 37.884 北京市的经纬度:116.404, 39.915 // JScript 文件代码示例http://dev.baidu.com/wiki/static/map/API/examples/?v=1.3&7_8#7&8 /************************地图初始化时,添加了十个自定义标注图标

通过window.navigator对象获取地理位置信息并在百度地图上显示

通过window.navigator对象获取地理位置信息 Geolocation API:用户可共享地理位置,并在Web应用的协助下享用位置感知服务(location-aware services) window.navigator下的geolocation 对象的 getCurrentPosition 方法可以获取当前位置.getCurrentPosition 方法将发起对位置信息的异步请求并将立即返回.如果该请求成功完成,则调用用来实现位置数据接收的成功回调. 下面演示如何调用 getCur

去百度API的百度地图准确叠加和坐标转换的解决方案研究

1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来调用百度地图以及将需要标记的点显示在百度地图中等等. 此方案存在明显劣势: a.对原系统的破坏.一套从底层开发的系统,其地图的加载方式均是从底层通过换算行列号来进行加载的.而百度地图却必须脱离此方案通过调用百度API来实现,破坏了整个系统的架构,并且导致很多基于原架构的功能无法使用. b.自身发布的矢量服务等无法使用.因为百度采用的是非标准火星坐标,自己采集的大量shp数据如果不纠正到百度坐标系下,是无法正确叠加