百度地图JavaScript开发入门先知
最近项目紧急开发了一些百度地图的功能,觉得百度地图实数强大!于是今天不忙总结一下,看到不错的文章先转载。
文章出处:https://www.opengps.cn/Blog/View.aspx?id=14
百度地图JavaScript开发第一步,得会看资料。很多新手,是因为连基本的页面怎么打开都不知道,重度依赖搜索引擎去搜出来百度地图开发官方站点,从而记不住操作过程,回头却找不到用过的页面,不会操作。而且忘记了过程。导致开发过程重重受阻。这里建议新手们记住以下步骤:
1,打开百度首页 (www.baidu.com)
2,右上角点击地图标签,切换到百度地图页面(http://map.baidu.com/)
3,左下角点击“地图开放平台”,进入地图开放平台首页(http://lbsyun.baidu.com/)
4,菜单栏一次选择“开发”>“Web开发”>“JavaScript API”,进入百度地图JavaScript API开发引导页(http://lbsyun.baidu.com/index.php?title=jspopular)这里要注意,这里才是入口。为了方便以后的开发,建议把这个页面额URL存入浏览器书签,以后的操作从这里开始,跳过前面介绍的1、2、3步骤。
5,百度地图JavaScript API开发引导页。这个页面中,首次接触百度地图开发的朋友,先仔细阅读右侧内容。这里介绍了入门必备的ak参数,ak是入门必备,新手务必仔细阅读,按照官方提示去申请ak。其次,需要重点记住左侧菜单栏的两个栏目“类参考”和“示例DEMO”。对于项目上使用要求简单的工作,几乎完全参照“示例DEMO”就可以完成工作需求。如果有稍微复杂的需求,则使用“类参考”栏目进阶。“类参考”就是百度地图JavaScript API开发的技术文档,通过这个文档就可以使用百度地图开发出自己想要的功能了。
百度地图JavaScript开发第二步:熟悉坐标系。
首先纠正一个新手入门可能存在的认识错误,GPS是美国研制的全球卫星定位系统。经纬度是坐标,地理信息科学(GIS)上规定的对地球位置标注的一套坐标体系。坐标不是GPS所独有,而是GPS使用了地理坐标的经纬度来表示位置。国际上通用的一套标准是WGS-84,这套坐标系作为标杆,被全球各国所接受。GPS终端或获取的原始坐标,均为WGS-84标准的坐标系。之所以先介绍WGS84坐标,原因在于中国有个明文规定:严禁出版物、在线服务等使用WGS84坐标。因此新手在不清楚这个规定的前提下,很容易进入误区,发现自己的坐标画到地图上发现位置不准确。国家指定了一套坐标系,在WGS84基础上增加了非线性偏移量,简称“GCJ-02”。非线性偏移量,决定了该坐标系理论上不可逆运算,而且不能使用简单的经纬度增加固定值得方式转换。一般出版物,在线地图,至少使用此标准发行。
百度地图所采用的坐标系,在GCJ-02的基础上再次增加了非线性偏移量,从而诞生百度地图体系里所独有的坐标系“百度经纬度坐标(bd09ll)”和“百度米制经纬度坐标(bd09mc)”。百度的各项服务,均使用百度重新制定的坐标系表示。百度JavaScript API中,提供了方法转换坐标,实际使用时候调用即可(坐标转换实例:http://lbsyun.baidu.com/jsdemo.htm#a5_2)。另外百度也提供了坐标转换的webapi,API文档地址:(http://lbsyun.baidu.com/index.php?title=webapi/guide/changeposition)。目前使用gcj02的在线地图:高德地图,腾讯地图,谷歌地图中国区域等。采用自定义坐标系的在线地图:百度地图,天地图,搜狗地图等。
百度地图JavaScript开发第三步:腾飞。知道了前面两步之后,剩下的便是对照“类参考”进行快速开发的过程了。实现各种自定义功能。例如汽车位置平台厂家的功能:“汽车地位”、“车辆跟踪”、“轨迹回放”、“拥堵路况”、“海量位置展示”等等功能。这个过程,便是飞起来的过程。根据需求组合各种各样的炫酷的功能,就可以玩出花来了。
百度地图JavaScript开发入门先知的更多相关文章
- 百度地图JavaScript API使用
最近在完成优达学城前端开发(入门)课程的P4项目中,要求调用google地图进行交互,项目已提供部分js代码和html代码.但在申请google地图API密钥时由于网络等原因,打不开或者连接超时,所以 ...
- 深入浅出百度地图API开发系列(1):前言
百度地图API目前在地图API领域越来越受到众多开发者的关注,许多应用都使用到了百度地图API服务,包括博主me,我自己使用做的是Javascript API,根据经验,我想整理出一份系列教程,如果能 ...
- 深入浅出百度地图API开发系列(2):创建地图
上一篇文章里,先介绍了一下百度地图API开发所涉及到的一些基础概念,包括投影,坐标系等基础概念,再有了这些基础后,我们可以开始开发自己的web地图了.先来个代码示例(建议大家都是用百度地图API大众版 ...
- 基于MFC与第三方类CWebPage的百度地图API开发范例
在进行百度地图API开发之前你需要到http://developer.baidu.com/map申请密匙 密匙申请之后就可以进行百度地图API的开发了. 下面我们以在visual c++6.0里进行地 ...
- 百度地图JavaScript API覆盖物旋转时出现偏移
在项目中,调用百度地图JavaScript API,做覆盖物的旋转再添加到地图上,结果出现偏移了. 调试过程中的效果图: 发现图片的旋转并不是按车子的中心来的,而是之外的一个点.最后发现犯了一个很细节 ...
- 百度地图JavaScript API经纬度查询-MAP
百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size=&quo ...
- 【百度地图JavaScript API】手机端浏览器定位的实现
[百度地图JavaScript API]手机端浏览器定位的实现 https://blog.csdn.net/xiao190128/article/details/72579476
- 百度地图API开发的快速使用和大量坐标点操作【点聚合,海量点,mapv】
快速上手 注意:本篇文章代码是基于 百度地图 JavaScript API v3.0 的条件下编写,GL版本可能稍有变化. 地图嘛,很重要的一部分就是坐标经纬度了: 经度: 英文 longitude ...
- 百度地图 JavaScript API 极速版 开发体会
前段时间百度地图API推出了 JavaScript API 极速版 1.0 简单看了一下,从产品定位来说真是挺好. 把开发人员细分成普通web开发人员和移动web开发人员.正好用到了手机地图这块决定尝 ...
随机推荐
- XFire创建WebService实例应用
[转自] http://clq9761.iteye.com/blog/1261963 XFire创建WebService实例应用 XFire使得在JavaEE应用中发布Web服务变得轻而易举.和其他W ...
- Spring 配置 Apache Commons Logging
第一次用spring framework,刚配了个最简单的项目,启动出现如下错误,查了知道原来spring要依赖Apache common logging包.只需要添加到项目library中即可.可从 ...
- 剑指offer——面试题11:旋转数组的最小数字
#include"iostream" using namespace std; int GetMinNumber(int *data,int len) { ,right=len-, ...
- 后台返回的值ajax接收不到
原因有很多种可能,我遇到的是后台写的Controller忘记了加@ResponseBody,导致springMVC把返回的字符串当成view了
- Gradle发布项目到 maven(1)
常见的 Maven 仓库 JCenter.MavenCenter.JitPack epositories { google() // google 仓库 jcenter() // JCenter 仓库 ...
- oracle 单实例DG(闪回技术四)
一,flashback Oracle Flashback技术是一组数据库特性,它可以让你查看数据库对象的过去状态,或者将数据库对象返回到以前的状态,而无需使用基于时间点的介质恢复.根据数据库的变化,闪 ...
- linux 运维基础测验题
第一题:创建一个目录/data --> mkdir /data eg: ls -d 显示命令 -l 详细信息 -a 显示所有文件 cd 打开目录 pwd 显示当前目录 第二题:在/ ...
- (转)Linux系统sersync数据实时同步
Linux系统sersync数据实时同步 原文:http://blog.csdn.net/mingongge/article/details/52985259 前面介绍了以守护进程的方式传输或同步数据 ...
- Beam概念学习系列之SDKs
不多说,直接上干货! https://beam.apache.org/get-started/beam-overview/ Beam SDK 提供了一个统一的编程模型,来处理任意规模的数据集,其中包括 ...
- tomcat局域网内发布html
1. 保证tomcat装好,启动 验证:浏览器输入:localhost:8080,看到下面页面表示成功 2. 把html文件或包含html的目录拷到Apach安装目录的Root目录下 (例如:C:\P ...