百度地图 JavaScript API 极速版 开发体会
前段时间百度地图API推出了 JavaScript API 极速版 1.0 简单看了一下，从产品定位来说真是挺好。 把开发人员细分成普通web开发人员和移动web开发人员。正好用到了手机地图这块决定尝试一下。先看一下百度地图官方对它的定义。
尊重劳动成功请保留原文地址：http://blog.csdn.net/lbsnews/article/details/29368879
本套百度地图API是专为手机浏览器提供的API，您可使用该套API，在手机页面中展示地图、标注位置、检索poi、查询线路等。
特点:
- 较同一时候兼容PC和手机浏览器的JavaScript API大众版而言，该版更适配移动设备，体积更小，载入地图速度更快，更省流量；
- 较移动端常採用的静态图API，该版本号可载入动态地图，进行地图操作，如拖拽、缩放、检索、线路规划等，更好满足用户对地图的丰富需求。
- 适用手机浏览器类型：Android自带、UC、百度、QQ等主流浏览器。
- HTML5的定义： <!DOCTYPE html>
- 响应式设计的定义：<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
- 极速版本号type定义: http://api.map.baidu.com/api?type=quick&ak...
- 接口方面：少了非常多接口，大众版本号的代码不能直接在极速版上这使用。会提示对象没有定义方法。 最明显的就是没有lable对象。仅仅能加入mark。原来定义的复杂标注在这都是使不了，仅仅能通过加入弹出窗体来丰富标注信息。手机专用的touch事件也仅仅保留了两种情况。
- 效率方面：和大众版本号不是一个级别的。考虑到是在手机上执行，绘制标注的数量就须要严格控制。手机窗体中超过50个mark就開始影响正常的放大缩小操作了，还会卡顿。也可能我手机(M2)比較烂。
- BUG：我对V1.0版本号的測试表示强烈质疑，我遇到的问题不是什么犄角旮旯里的错误。一个zoomend事件响应两次。还有Infowindows（弹出窗体）仅仅能指定一个mark实例，说简单点多个mark无法和多个Infowindows相应。 尝试了非常多方式没解决，仅仅能自己新建对象存储信息还要比对出相应关系。弹出的Infowindows窗体在手机上也时常关不掉。不多说了就那几个接口谁用谁知道。
- 使用百度提供的LBS云作为POI点的管理工具。使用《JavaScript API 极速版》SDK做client开发。
- 解决信息窗体弹出错误问题：在循环加入infowindows的过程中出现仅仅有最后一个弹出窗体可以显示。
- 优化窗体标注载入刷屏问题：地图平移过程中，通过新请求数据和地图上已有的坐标点数据进行比对，推断是否绘制或者删除。在地图放大或者缩小过程中随地图一起清空重绘。
- 控制窗体内绘制标注的数量：绘制过程中通过堆栈的机制，控制标注的绘制顺序过程。可自己定义堆栈大小。
- 解决窗体zoomend事件被二次触发问题。
- 通过自建对象存储须要弹出的info窗体信息，使用坐标比对方式查找相应信息。
- 又一次定义bounds请求范围，解决标注和边框重合。
- 通过百度提供的IP定位接口来进行定位。（很不准）
百度地图 JavaScript API 极速版 开发体会的更多相关文章
- 百度地图JavaScript API使用
最近在完成优达学城前端开发(入门)课程的P4项目中,要求调用google地图进行交互,项目已提供部分js代码和html代码.但在申请google地图API密钥时由于网络等原因,打不开或者连接超时,所以 ...
- 百度地图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
- 百度地图JavaScript API V1.5初级开发工具类
/** * 百度地图使用工具类-v1.5 * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boo ...
- 百度地图JavaScript API [一]
参考网址: http://developer.baidu.com/map/index.php?title=jspopular/guide/widget 1.申请密钥(ak) http://api.ma ...
- 百度地图JavaScript API自定义覆盖物、自定义信息窗口增删时的显示问题
项目中,需求:在百度地图上实时画出车辆,并能点击车辆弹出信息框查看实时信息. 实现:通过不停的画覆盖物并删除掉.点击覆盖物时弹出信息窗口. 问题:删除掉覆盖物后信息窗也删除掉了.因为信息窗是建立在覆盖 ...
- 苹果手机 微信调用百度地图Javascript API 频繁闪退问题
最近在网页中调用百度地图API js大众版,但是在IOS8系统中,缩放的时候频繁闪退,安卓手机没有这个问题! 在网上查询了下,有网友回答说不要频繁的去new marker,而是初始化话一定量的mark ...
- 百度地图JavaScript API本地搜索的结果面板
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
随机推荐
- Net知识
Net知识图谱 对于Web系统开发来说,Net其实也是有好多知识点需要学的,虽然目前JAVA是主流,就业市场比较大,但Net也在积极的拥抱开源,大Net Core 2 出来了,这无疑给Net开发者 ...
- 大数据(十四) - Storm
storm是一个分布式实时计算引擎 storm/Jstorm的安装.配置.启动差点儿一模一样 storm是twitter开源的 storm的特点 storm支持热部署,即时上限或下线app 能够在st ...
- javascrit开发的基本代码结构的
今天看到群里一个demo,简单看了一下. 然后自己就写了一个通用的javascrit开发的基本代码结构的js文件. 代码例如以下: (function($,win){ //定义全局变量对象 var o ...
- hadoop配置文件的加载机制 分类： A1_HADOOP 2015-01-21 11:29 839人阅读 评论(0) 收藏
hadoop通过Configuration类来保存配置信息 1.通过Configuration.addResource()来加载配置文件 2.通过Configuration.get***()来获取配置 ...
- Facebook开源软件列表
从 Facebook 的 GitHub 账户中可以看到,Facebook 已经开源的开源项目有近 300 个,领域涉及移动.前端.Web.后端.大数据.数据库.工具和硬件等.Facebook 开源项目 ...
- 自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法
前言:这几天做客户回访,感触很大,用户只要是留反馈信息,总是一种恨铁不成钢的心态,想用你的app,却是因为你的技术问题,让他们不得不放弃,而你一个回访电话却让他们尽释前嫌,当最后把手机号留给他们以便随 ...
- [SCSS] Use Standard Built-in SCSS Functions for Common Operations
We can use javascript for color and opacity variations, math, list and map logic or to see if someth ...
- [Angular Directive] Build a Directive that Tracks User Events in a Service in Angular 2
A @Directive is used to add behavior to elements and components in your application. This makes @Dir ...
- Xcode6 模拟器路径
Xcode6公布后,出现了非常多的变动,功能性的变动,在这里不进行过多的赘述,在WWDC上苹果已经进行了讲述,网上也有非常多文章,这里要介绍的是一些不太easy发现的,但非常重要的小地方. ...
- new File(String Path)加载资源问题
2017-12-17 15:07:38 [原创-wx] 一.我们在用IO流加载资源的时候,创建文件资源 1 File file = New File("String Path" ...