百度地图JavaScript开发入门教程

自从openGPS.cn小编在2011年的一个WEB项目中用到了百度地图做售楼数量分布显示功能之后，就一发不可收拾，在位置服务的领域一路走了5年之久。今天难得时间充裕，给WEB开发者分享一点自己的经验，希望能够给到新接触百度地图JavaScript开发的朋友们一些帮助。

百度地图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开发第三步：腾飞。

知道了前面两步之后，剩下的便是对照“类参考”进行快速开发的过程了。实现各种自定义功能。例如汽车位置平台厂家的功能：“汽车地位”、“车辆跟踪”、“轨迹回放”、“拥堵路况”、“海量位置展示”等等功能。这个过程，便是飞起来的过程。根据需求组合各种各样的炫酷的功能，就可以玩出花来了。

原文地址：https://www.opengps.cn/Blog/View.aspx?id=14，文章的更新编辑依此链接为准。欢迎关注源站原创文章！

百度地图JavaScript开发入门教程相关推荐

Android百度地图开发入门教程
Android百度地图开发入门教程 1.平台注册登录 2.创建应用 3.Android studio配置 4.代码编写 5.最终效果(建议真机) 1.平台注册登录登录百度地图开放平台网站注册并登录 ...
html5 百度地图api文档,开发指南--百度地图JavaScript API大众版.doc
开发指南--百度地图JavaScriptAPI大众版开发指南--百度地图JavaScriptAPI大众版简介 JavaScript API大众版 JavaScript API功能介绍百度地图Jav ...
入门百度地图 JavaScript API
注册先申请百度账号,创建地图应用生成 AK.百度地图平台注意应用类型选择浏览器端. 白名单输入*号,所有地址都可以访问. 载入地图在页面使用script标签引入 <script src= ...
百度地图 JavaScript API
文章目录 1.账号申请 2.创建应用 3.使用地图介绍示例 4.具体使用控件个性地图带高度的点(标记地点.覆盖物) 点击事件参考资料: 入门百度地图 JavaScript API | 8月 ...
使用Angular8和百度地图api开发《旅游清单》
前言: 本文的目的是通过一步步实现一个旅游清单项目,让大家快速入门Angular8以及百度地图API.我们将收获: Angular8基本用法,架构使用百度地图API实现自己的地图应用解决调用百度地 ...
百度地图开放平台使用教程
为什么要使用百度地图? 百度地图JavaScript API GL 是一套由JavaScript语言编写的应用程序接口,使用了WebGL对地图.覆盖物等进行渲染,支持3D视角展示地图.帮助开发者在网站 ...
微信公众号开发入门教程第一篇
微信公众号开发入门教程第一篇关键字:微信公众平台开发作者:方倍工作室在这篇微信公众平台开发教程中,我们假定你已经有了PHP语言程序.MySQL数据库.计算机网络通讯.及HTTP/XML/CSS/ ...
百度地图API开发指南
百度地图API开发指南本文为百度地图API官方版本的开发指南,供各位51CTO的网友进行参考. 简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮 ...
微信公众平台开发入门教程[2019版]
关键字:微信公众平台开发作者:方倍工作室在这篇微信公众平台开发教程中,我们假定你已经有了PHP语言程序.MySQL数据库.计算机网络通讯.及HTTP/XML/CSS/JS等基础. 我们将使用微信公 ...

百度地图JavaScript开发入门教程

百度地图JavaScript开发入门教程相关推荐

最新文章

热门文章