百度地图API
monkeyfly007
前端之路长漫漫,吾将全力去学习。
展开
-
百度地图JavaScript API 学习入门指南
前提因为最近分配的任务中包含了别人写的有关百度地图API的代码,加上自己从未接触过这方面的知识,所以为了能在短时间内熟悉和消化别人写的代码,于是就花了一整天的时间,专门学习了一下百度地图JavaScript API。虽然说是 从零开始学起,但是在官方提供的开发指南、示例DEMO、以及JavaScript API v2.0类参考的帮助下,还是收获了不少东西。百度地图开放平台 | 百度地图AP...原创 2018-04-09 22:08:46 · 1340 阅读 · 0 评论 -
百度地图JavaScript API 学习之自定义标注图标(一)
地图绘制之添加自定义标注图标(一)通过Icon类可实现自定义标注的图标。附上Icon的类参考链接,自行查看官方提供了两种方法:通过参数MarkerOptions的icon属性进行设置使用Marker.setIcon()方法。第一种方法//创建标注点,我们通常如下这样写:只传递一个Ponit类型的参数,即地理位置的坐标点。省略第二个参数var mk = new BMa...原创 2018-04-11 02:05:38 · 28952 阅读 · 8 评论 -
百度地图JavaScript API 学习之创建标注
在地图上绘制之创建标注官方demo示例和讲解——直戳这里简介所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当拖动或缩放地图时,它们会相应的移动。覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。说明:本节重点介绍一下如何向地图添加标注百度地图提供的覆盖物 覆盖物 类名 说明...原创 2018-04-11 00:44:43 · 5902 阅读 · 0 评论 -
百度地图JavaScript API 学习之根据IP定位
IP定位示例官方浏览器定位demo示例——请直戳这里代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,原创 2018-04-09 23:58:00 · 994 阅读 · 1 评论 -
百度地图JavaScript API 学习之浏览器定位
浏览器定位示例百度地图API官方的所有demo示例——请直戳这里 官方浏览器定位demo示例——请直戳这里后来发现的问题,这里记录一下: 在使用百度地图JS API时,无意中发现谷歌浏览器的浏览器定位功能不准确,会出现误差,它会将你当前的地理位置定偏了许多。 也不知道是不是当前谷歌浏览器版本的问题,后来又测试了其他的浏览器,定位也出现了同样的问题。 唯独搜狗高速浏览器的定位结果很正...原创 2018-04-09 23:37:48 · 3669 阅读 · 4 评论 -
百度地图JavaScript API 学习之添加控件
创建地图之添加控件官方demo示例和讲解——直戳这里这个案例就比较简单了,只需要在地图展示的基础上,添加一些与地图控件相关的代码就行了。说明: 1.可以使用Map.addControl()方法向地图添加控件。 2.提供的控件:详情可见类参考。——直戳这里 控件 类名 简介 抽象基类 Control 所有控件均继承此类的方法、属性。通过此类您可实...原创 2018-04-09 23:05:56 · 776 阅读 · 0 评论 -
百度地图JavaScript API 学习之基本地图展示
创建地图之地图展示官方demo示例和讲解——直戳这里官方其实讲的很详细的,如果还是不懂为什么要这么写,我建议边看代码,边参考官方的JavaScript API v2.0相关类的说明,这会对解读代码有很大的帮助。基本步骤编写HTML页面的基础代码引入百度地图的API文件初始化地图逻辑开启鼠标滚轮缩放(通过修改Map类的配置来实现交互功能)<!-- 1.编写...原创 2018-04-09 22:46:56 · 389 阅读 · 0 评论 -
百度地图JavaScript API 学习之逆地址解析
获取地图数据之逆地址解析上篇博文我们说了地址解析,即通过我们自己提供的地址信息来解析出该地址所对应的地理位置坐标(或称经纬度)。现在我们再来看一下逆地址解析。逆地址解析服务【官方介绍请点这里】根据坐标点获得该地点的地址描述,是地址解析的逆向转换。使用方法您可以通过Geocoder.getLocation()方法获得地址描述。当解析工作完成后,您提供的回调函数...原创 2018-04-15 01:31:18 · 8548 阅读 · 0 评论 -
百度地图JavaScript API 学习之地址解析
获取地图数据之地址解析首先我们需要知道如何进行地址解析以及有哪些地址解析的方式。其实,百度地图API给我们提供了2种解析方式:地址解析和逆地址解析。下面我们来认识一下它们。【官方的介绍地址请点这里查看】简介地址解析服务提供从地址转换到经纬度的服务。逆地址解析则提供从经纬度坐标转换到地址的转换功能。具体如下图所示:单词解释一说到地址解析,就涉及到了两...原创 2018-04-14 23:57:22 · 6918 阅读 · 0 评论 -
百度地图JavaScript API 学习之自定义标注图标(二)
地图绘制之添加自定义标注图标(二)在上篇文章《百度地图JavaScript API 学习之自定义标注图标(一)》中已经提到了第一种方法的使用,现在就来具体说一说第二种方法的使用。通过Icon类可实现自定义标注的图标。附上Icon的类参考链接,自行查看官方提供了两种方法来自定义标注图标:通过参数MarkerOptions的icon属性进行设置使用Marker.setIcon()方...原创 2018-04-12 23:41:23 · 7448 阅读 · 4 评论