百度地图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开发人员.正好用到了手机地图这块决定尝 ...
随机推荐
- PIE SDK打开栅格数据
1. 功能简介 GIS将地理空间数据表示为矢量数据和栅格数据.矢量数据模型使用点.线和多边形来表示具有清晰空间位置和边界的空间要素,如控制点.河流和宗地等,每个要素被赋予一个ID,以便与其属性相关联. ...
- PIE SDK图片元素的绘制
1. 功能简介 在数据的处理中会用到图片元素的绘制,利用IPictureElement图片元素接口进行绘制,目前PIE SDK支持IPictureElement元素接口的绘制,下面对图片元素的绘制进行 ...
- 关于箭头函数的this指向问题
document.onclick = function(){ // 普通函数的this是在运行的时候才临时绑定的,也就是说,函数不运行,你绝对不可能知道this是谁 // 下面这个函数如果是自调用,t ...
- Django_Xadmin 修改后台
admin组件使用 Django 提供了基于 web页面的管理工具. Django 自动管理工具是 django.contrib 的一部分.你可以在项目的 settings.py 中的 INSTA ...
- Oracle RAC集群搭建(zero)--全是报错
1. 提示Check if the DISPLAYvariable is set. Failed<<<< 解决方案: #xhost + //切换到root用户输入 #s ...
- (转)Linux基础------Shell数值计算的几种方法
Linux基础------Shell数值计算的几种方法 原文:http://blog.csdn.net/fu_wayne/article/details/21620639 在Linux下总会遇到数值计 ...
- Java实现Ip代理池
设置Ip代理很多时候都会有用到,尤其是在写爬虫相关项目的时候.虽然自己目前没有接触这种需求,但由于最近比较闲,就写着当作练习吧 爬取代理IP 爬取 关于爬取代理IP,国内首先想到的网站当然是 西刺代理 ...
- s-2、charles 入门
本文的内容主要包括: Charles 的简介 如何安装 Charles 将 Charles 设置成系统代理 Charles 主界面介绍 过滤网络请求 截取 iPhone 上的网络封包 截取 Https ...
- webpack+babel+react操作小结
最近学习了一下Webpack,个人感觉还是非常实用的,现在总结一下自己的学习笔记. 什么是 Webpack Webpack 是一个模块打包器.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定 ...
- python学习(六)--正则的一些例子
import re #正则表达式#compile函数,--将正则表达式转变为内部函数,提高执行效率strr = "python123456"pattern = "Pyth ...