百度地图

我们的应用可能会用到地图定位等功能，但是无论高德还是百度直接接入到应用中都会导致体积增大，甚至导致65535方法数问题，所以用插件的方式接入是个不错的选择。 这里我用了 Apkplug 这个插件框架，下面是我的接入过程。 ##百度地图接入 这里介绍一下将百度地图作为插件并接入宿主的例子，例子没有将完备的功能接入，只是将一个定位界面接入，在宿主中点击一下按钮，弹出定位界面。 ###一、插件开发 其实比较麻烦的是账号申请，key申请，所以先介绍一下这些相关的。 注册的话，这里不做详细介绍，我第一次注册，怎么都要求我上传什么身份证正反面照片，我没传，第二次登陆的时候好像就不需要了，你遇到相同的情况，可以先退出，再登陆，也许可以绕过上传证件照。 申请key，这个跟高德地图的操作差不多，但是使用时有所差别，下面会说，先看一下key的申请。 这里是百度地图的控制台 点击创建应用后，如下图所示： 其中，apk签名sha1值的取得参考 这里 这里需要注意的是，一个应用想使用这个key，需要签名、包名、key值相对应。地图sdk是在插件中接入的，所以key值需要配置在插件里，但是百度地图sdk读取包名时，会读取宿主的，所以在创建key时，直接使用宿主包名，但是将生成的key配置到插件。如果为了测试时插件独立运行，可以单独为插件生成一套相应key，但是加入宿主时，必须换成宿主key

本文作者：用****9 原文链接地址： https://developer.baidu.com/topic/show/292572 来源： oschina 链接： https://my.oschina.net/u/4299156/blog/4884141

借鉴地址：http://www.cnblogs.com/jz1108/archive/2011/07/16/2107199.html http://www.cnblogs.com/jz1108/tag/%E5%9C%B0%E5%9B%BEAPI/ 来源： oschina 链接： https://my.oschina.net/u/859173/blog/128968

1、百度自带的路径规划 var myP1 = new BMap.Point(116.380967,39.913285); //起点 var myP2 = new BMap.Point(116.424374,39.914668); //终点 var driving2 = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}}); //驾车实例 driving2.search(myP1, myP2); //显示一条公交线路 DrivingRoute：驾车导航，提供驾车出行方案的搜索服务，可以根据起始坐标和途经点规划路径。 TransitRoute：公交导航，提供某一特定地区的公交出行方案的搜索服务。 WalkingRoute：步行导航，提供步行出行方案的搜索服务。 上面的简单实例是百度demo中的例子 百度demo 2、为了实现我们可定制化的路径规划，我们就不能用百度api默认的这套规则 可以有以下思路 renderOptions 把这个属性去掉不显示默认规划结果 用 DrivingRoute划线给它加途经点 driving2.search(myP1, myP2，{waypoints:Points}); 其中 waypoints为途经点数组，现在只能途径10个以内有效 调用回调函数

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> demo： http://zhaoziang.com/amap/zero_4_1.html 示意图1：自动完成，输入提示 示意图2：云图，自有数据检索，A-H图标显示，麻点图 --------------------------------------------------------------------------------------- 一、POI搜索 1、关键字查询 使用search方法，传一个关键词参数即可。 MSearch.search('东方明珠'); //关键字查询 完整代码： //关键词查询function placeSearch1() { var MSearch; mapObj.plugin(["AMap.PlaceSearch"], function() { MSearch = new AMap.PlaceSearch({ //构造地点查询类 pageSize:10, pageIndex:1, city:"021" //城市 }); AMap.event.addListener(MSearch, "complete", keywordSearch_CallBack);//返回地点查询结果 MSearch.search('东方明珠'); //关键字查询 }); } 示意图： 2

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前一篇谈及到了 ECharts 整合 HT for Web 的 网络拓扑图 应用，后来在 ECharts 的 Demo 中看到了有关空气质量的相关报表应用，就想将百度地图、 ECharts 和 HT for Web 三者结合起来也做一个类似空气质量报告的报表 + 拓扑图应用，于是有了下面的 Demo ： 在这个 Demo 中，将 GraphView 拓扑图组件添加到百度地图组件中，覆盖在百度地图组件之上，并且在百度地图组件上和 GraphView 拓扑图组件上分别添加事件监听，相互同步经纬度和屏幕位置信息，从而来控制拓扑图上的组件位置固定在地图上，并在节点和节点之间的连线上加上了流动属性。右下角的图标框是采用 HT for Web 的 Panel 面板组件结合 ECharts 图表组件完成的。 接下来我们来看看具体的代码实现： 1. 百度地图是如何与 HT for Web 组件结合的； map = new BMap.Map("map"); var view = graphView.getView(); view.className = 'graphView'; var mapDiv = document.getElementById('map'); mapDiv.firstChild.firstChild

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在《 HT for Web整合OpenLayers实现GIS地图应用 》篇中介绍了 HT for Web 与OpenLayers的整合，不少朋友反应国内用得比较多的还是 百度地图 ，虽然 HT 整合百度地图原理与OpenLayers一致，但不同GIS引擎客户端结合代码细节还是有不少差异，自定义地图风格更是完全不一样，为此我再开篇介绍下 HT 与百度地图整合的方案，这次我们将改进以前的例子，除了代表城市的拓扑节点外，再增加连线连接省会和城市，实现网络拓扑链路的流动效果。 百度地图有多种客户端SDK，我们这里用的自然是 JavaScript版的API ，百度地图的2.0版增加了不少新功能，例如可以自定义地图样式模板，本例中我们特意设置成style:’midnight’的深色背景风格。插入map的位置与OpenLayers也不一样，通过mapDiv.firstChild.firstChild.appendChild(view);插入，zIndex这些属性都还好不需要设置。 坐标转换方面从经纬度转换成平面坐标是map.pointToPixel函数，通过node.setPosition(map.pointToPixel(new BMap.Point(lon, lat)));可设置ht.Node对应的平面逻辑坐标

我想在木有提供地图接口的年代，前端工程师门要么只写上企业的具体地址，要么就是用一张标有自己位置的地图图片。但是现在不一样啦！为了增强用户体验，谷歌，甚至百度都很开放了，你可以在他们的网站上找到地图接口，通过进行直接的调用就可以了。 下面我来教你怎么在网页中用好百度地图，当然了，你也可以去百度地图网站去查找相关的技术资料。 首先你需要进入到百度地图官网 http://developer.baidu.com/map/ 。因为我们是用的脚本进行加载的，所以我们要选择上图中的第一个“javascript api”，进去之后你会发现它的功能很强大有木有？ 这里只是它的冰山一角。你可以在最下面“开始体验”。里面有源代码，你可以获取，然后放入到你的网页当中去。不过我今天讲的不是这么简单的。 我需要的是地图层，需要有移动，还需要能进行导航搜索功能。怎么实现呢？Copy下面的这段代码到你的网页中： <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map('map'); var poi = new BMap.Point(116.307852,40.057031); map.centerAndZoom(poi, 16); map.enableScrollWheelZoom(); var content = '<div

我想在木有提供地图接口的年代，前端工程师门要么只写上企业的具体地址，要么就是用一张标有自己位置的地图图片。但是现在不一样啦！为了增强用户体验，谷歌，甚至百度都很开放了，你可以在他们的网站上找到地图接口，通过进行直接的调用就可以了。 下面我来教你怎么在网页中用好百度地图，当然了，你也可以去百度地图网站去查找相关的技术资料。 首先你需要进入到百度地图官网 http://developer.baidu.com/map/ 。因为我们是用的脚本进行加载的，所以我们要选择上图中的第一个“javascript api”，进去之后你会发现它的功能很强大有木有？ 这里只是它的冰山一角。你可以在最下面“开始体验”。里面有源代码，你可以获取，然后放入到你的网页当中去。不过我今天讲的不是这么简单的。 我需要的是地图层，需要有移动，还需要能进行导航搜索功能。怎么实现呢？Copy下面的这段代码到你的网页中： <script type=”text/javascript”> // 百度地图API功能 var map = new BMap.Map(‘map’); var poi = new BMap.Point(116.307852,40.057031); map.centerAndZoom(poi, 16); map.enableScrollWheelZoom(); var content = ’<div

最近想在手机上开发地图，做一个TraceMe的应用。主要实现的功能是定位和追踪。 使用IDE是Intellij IDEA 12，和eclipse略有不同。 经过2天的学习，已经实现了定位的功能。 一开始想使用谷歌地图，但是资料都是Google Maps Api v1的，现在能申请的key都是v2活着v3，被包括在 Goggle Service Api中。加上定位结果和地图偏移等原因，后来选择了百度地图。 首先是注册百度LBS开发者账号，然后下载android BaiduMapsSDK（地图）和LocSDK(定位)。 获取AccessKey（简写AK）的途径不多述，获取本机的SHA1码，然后结合自己写的应用就好（不过理论上是一个AK对应一个应用，但是我申请了TraceMe的ak，用在BaiduMapsApiDemo上也可以使用，不知道是怎么回事。） TIPS：因为地图涉及到国家机密，地图是加过偏移的，即使用手机自带的定位得出的经纬度在百度地图上显示，是得不到正常的结果的，定位结果和地图得在同一环境下。这里选择的都是baidu地图和baidu定位。 BaiduMapSDK中提供了三个文件夹： 分别是SDK，一个实例BaiduMapsApi Demo，以及API文档。 BaiduMapsAPiDemo推荐多看，实现了很多的功能。我目前只看了其中的2个。 文件目录如下所示：