最近项目紧急开发了一些百度地图的功能,觉得百度地图实数强大!于是今天不忙总结一下,看到不错的文章先转载。

  文章出处: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开发入门先知的更多相关文章

  1. 百度地图JavaScript API使用

    最近在完成优达学城前端开发(入门)课程的P4项目中,要求调用google地图进行交互,项目已提供部分js代码和html代码.但在申请google地图API密钥时由于网络等原因,打不开或者连接超时,所以 ...

  2. 深入浅出百度地图API开发系列(1):前言

    百度地图API目前在地图API领域越来越受到众多开发者的关注,许多应用都使用到了百度地图API服务,包括博主me,我自己使用做的是Javascript API,根据经验,我想整理出一份系列教程,如果能 ...

  3. 深入浅出百度地图API开发系列(2):创建地图

    上一篇文章里,先介绍了一下百度地图API开发所涉及到的一些基础概念,包括投影,坐标系等基础概念,再有了这些基础后,我们可以开始开发自己的web地图了.先来个代码示例(建议大家都是用百度地图API大众版 ...

  4. 基于MFC与第三方类CWebPage的百度地图API开发范例

    在进行百度地图API开发之前你需要到http://developer.baidu.com/map申请密匙 密匙申请之后就可以进行百度地图API的开发了. 下面我们以在visual c++6.0里进行地 ...

  5. 百度地图JavaScript API覆盖物旋转时出现偏移

    在项目中,调用百度地图JavaScript API,做覆盖物的旋转再添加到地图上,结果出现偏移了. 调试过程中的效果图: 发现图片的旋转并不是按车子的中心来的,而是之外的一个点.最后发现犯了一个很细节 ...

  6. 百度地图JavaScript API经纬度查询-MAP

    百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size=&quo ...

  7. 【百度地图JavaScript API】手机端浏览器定位的实现

    [百度地图JavaScript API]手机端浏览器定位的实现 https://blog.csdn.net/xiao190128/article/details/72579476

  8. 百度地图API开发的快速使用和大量坐标点操作【点聚合,海量点,mapv】

    快速上手 注意:本篇文章代码是基于 百度地图 JavaScript API v3.0 的条件下编写,GL版本可能稍有变化. 地图嘛,很重要的一部分就是坐标经纬度了: 经度: 英文 longitude ...

  9. 百度地图 JavaScript API 极速版 开发体会

    前段时间百度地图API推出了 JavaScript API 极速版 1.0 简单看了一下,从产品定位来说真是挺好. 把开发人员细分成普通web开发人员和移动web开发人员.正好用到了手机地图这块决定尝 ...

随机推荐

  1. Python(xlrd、xlwt模块)操作Excel实例(一)

    一.前言 关于Python的xlrd.xlwt模块的使用,推介另一位博客主的博文:https://www.cnblogs.com/zhoujie/p/python18.html 这篇里面有详细介绍这两 ...

  2. zabbix 报警程序

    一,报警程序 本次使用的为onealert http://c.onealert.com/console/ucid/login.jsp 二,服务端安转 下面为他教的怎么安装这个东西 第一步: 找到脚本目 ...

  3. PHP unlink删除本地中文名称的文件

    由于编码不一样,用unlink()方法删除本地中文名称的材料之前,必须先转码,才能删除成功. 核心代码如下: //删除本地的议题材料(本地上传的材料)             if($local_ma ...

  4. oracle 查询及删除表中重复数据

    create table test1( id number, name varchar2(20) ); ,'jack'); ,'jack'); ,'peter'); ,'red'); insert i ...

  5. FileZilla的使用(包括Server和Client两个程序)

    1.安装 FileZillaServer和FileZillaClient,到官网去下载 https://filezilla-project.org/ 2.启动 FileZillaServer 它会提示 ...

  6. LaTex 2

    LaTex 入门 此时是否安装成功 如果安装成功了LaTeX, 那么在计算机上会多出来LaTeX的编译器, LaTex Live 安装包在计算机上安装了多个不同的编译器, 有latex, xelate ...

  7. HRBUST 1909——理工门外的树——————【离线处理,差分前缀和】

    理工门外的树 Time Limit: 1000 MS Memory Limit: 32768 KB 64-bit integer IO format: %lld , %llu Java class n ...

  8. 白话SpringCloud | 第七章:分布式配置中心的使用

    前言 介绍完服务的容错保护处理,接下来我们来了解下关于分布式配置中心的相关知识和使用.众所周知,随着项目的越来越多,日益庞大,每个子项目都会伴随着不同的配置项,于此也就多了很多的配置文件.倘若某些配置 ...

  9. Python 函数运行时更新

    Python 动态修改(运行时更新) 特性 实现函数运行时动态修改(开发的时候,非线上) 支持协程(tornado等) 兼容 python2, python3 安装 pip install realt ...

  10. Android界面编程--使用活动条(ActionBar)--通过ActionBar菜单改变TextView的字体和颜色

    android:orientation="vertical"(AndroidStudio不提示,这个要记住了) 昨天好不容易把ActionBar从溢出菜单overflow中弄出来了 ...