百度地图设置可视范围

百度地图API示例之设置地图显示范围

代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style t

知识点:创建Map实例,为指定的位置设置标注参考博客:https://www.cnblogs.com/liuswi/p/3994757.html 1.效果图:初始化地图,设置指定经纬度为地图中心点坐标设置地图标注 2.代码:map.js (ps:申请百度地图密钥和引入百度地图API,请参考我的另一篇博客:Vue中使用百度地图——根据输入框输入的内容, 获取详细地址) <template>  <div id="XSDFXPage"

百度地图设置div样式宽高为百分比不显示地图

如题,不显示地图只要在样式代码里面加以 position:absolute; 代码就可以了 <style type="text/css"> body, html,#allmap {width:100%;height:100%;overflow: hidden;margin:0;font-family:"微软雅黑";position:absolute;} </style> 完美解决

数据视化Echarts+百度地图API实现市县区级下钻

开始这两天公司有个页面需要做数据可视化的展示,数据视化采用的是Echarts+百度地图API做展示,需要用到县级区级下钻的一个联动效果发现网上关于Echarts做到县区级下钻的资料很少,有的话也不是很详细,对于刚接触Echarts的让人来说可能有些搞不明白,在这里我把Echarts下钻开发过程中总结的知识分享给大家,也能使自己加深印象,当然啦,对于一些在软件行业折腾了几年的老油条来说,这些都是一些非常基础的东西.但是还是希望能帮助到那些刚接触Echarts遇到类似问题需要帮助的人.如果哪里写的

百度地图API示例之根据城市名设置地图中心点

代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style

百度地图API示例之设置级别setZoom与禁止拖拽disableDragging

百度地图API示例之设置级别setZoom与禁止拖拽disableDragging 设置级别 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no&q

百度地图API示例之设置地图最大、最小级别

代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style t

百度地图API实时画出动态运行轨迹（一条行驶轨迹），车头实时指向行驶方向，设置角度偏移

参考网址:https://blog.csdn.net/skywqnan/article/details/79036262 改变车的方向:http://www.cnblogs.com/peixuanzhihou/p/6540086.html 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi

百度地图Key的设置方法

一.为什么要设置百度Key 万能地图下载器提供了百度POI的下载功能,但由于本软件用户群极大,会导致一天之内访问量超出300万次以上而无法继续下载. 因此,当POI下载不成功能,用户可以自己申请百度地图Key并在软件中设置之后,即可继续下载. 点击以下链接,可以查看百度API访问的次数限制说明. http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-placeapi 二.如何获取百度Key 点击以下地址,可以注册百度帐号.

百度地图api设置点的自定义图标不显示

百度地图api设置点的设置代码为: var myIcon = new BMap.Icon(): 所以首先要找到这行代码,并在括号中加上图片信息: var myIcon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(50,50)); 很多人使用过程中会发现如果百度地图的这个设置点的自定义图标替换成本地静态路径会不显示,当用网上的图片链接方式就可以, 网上搜了很多发现没有真正解决的方法,

百度地图API的使用

------------------自说自话----------------------------- 好奇怪,习惯性使用有道云笔记记录心得与知识后就很少用博客园来记录了. 但是后来想想,有些东西还是要整理记录下来的好,多个备份也好. -------------------------------------------- 下面正题,最近公司项目用百度地图API较多.后面还有使用高德地图API,后续整理记录上. 1.初始化地图,并设置地图中心点 var map = new BMap.Map("a

百度地图api2.0体验

前言:这两天在做百度地图的功能,查看了百度官网的api完成了基本功能 api地址http://developer.baidu.com/map/jshome.htm 注意是javascript API 大众版2.0 废话不说先上图一.导入百度地图api <script type="text/javascript" src="/Scripts/jquery.min.js"></script> <script src="http:

百度地图api 常用demo

功能一:获取map地图窗口的可视区域: var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.4035,39.915), 14); //初始化时,即可设置中心点和地图缩放级别. var bs = map.getBounds(); //获取可视区域 var bssw = bs.getSouthWest(); //可视区域左下角 var bsne =

利用WeX5集成百度地图

最近做一个地图类的app经过几天的摸索,终于完成百度地图集成的界面先看效果:1.加载完成之后,页面加载制定位置的地图2.顶部能够输入地图的关键字,地图显示符合条件的下拉列表3.用户选择了相应的选项后,地图会移动到对应的地图范围,同时标题栏显示对应位置信息4.当用户点击地图其他位置时,标识点移动到对应位置,标题栏的位置信息相应改变5.当用户点击确认按钮时,用alert将当前标识点的地理信息alert出来只需要把对应的代码片段复制到WeX5工具(开源免费的一个app开发工具)中相应的.w,.js.

百度地图API应用实践（一） —— 栅格图（草稿）

概述运用百度地图JS API,实现了在百度地图上绘制栅格并按统计值渲染栅格颜色.实现的过程是不断补习的过程,其中用到一些技术,是个人首次尝试.包括:(1)简单的jQuery语法,并实现Ajax:(2)JS的闭包特性:(3) 百度地图经纬度转换的尝试. 实现方案 1. 设置地图 map.centerAndZoom(point, 13); // 中心点和缩放级别 map.addControl(new BMap.NavigationControl()); // 导航工具条 map.addContro

百度地图点聚合MarkerClusterer，性能优化

参考文献:http://www.cnblogs.com/lightnull/p/6184867.html 百度的点聚合算法是基于方格和距离的聚合算法,即开始的时候地图上没有任何已知的聚合点,然后遍历所有的点,去计算点的外包正方形(由gridSize指定),若此点的外包正方形与现有的聚合点的外包正方形不相交,则新建聚合点,若相交就把该点加到该聚合点,效果如下图,为了便于查看,我们特地把外包正方形画了出来. 好的,笔者开始了作死之旅.上面笔者只是生成了50个随机点. 接下来要测试下1000个点,嗯

【百度地图API】如何区分地址解析和智能搜索？

原文:[百度地图API]如何区分地址解析和智能搜索? 摘要: 很多用户一直无法区分地址解析geocoder和智能搜索localsearch的使用场景.该文章用一个详尽的示例,充分展示了这两个类,共5种方法的使用场景.并在文章末尾贴出全部源代码. 工具如下图: 小贴士: 如果你手里有一大批从第三方获取的地址信息(并且只有地址信息),建议您采取如下步骤: 第一.使用百度地图API的地址解析接口,将地址解析为经纬度point数据,并存储在数据库中,方便以后查询和使用: 第二.如果有些地址解析失败了,请

百度地图Marker优化方案

简介在使用百度地图的时候,我们需要在地图上增加标注Marker来展示设置信息.随着用户需要不断增多,加载更多的Marker标注信息成为了一种奢望.然而通过自己技术的提升,归结出来了一下方案. 引入百度地图需要在百度http://lbsyun.baidu.com/index.php?title=jspopular注册为开发者.此过程略过... <head> <script type="text/javascript" src="http://api.map

百度地图点聚合MarkerClusterer性能优化

公司要求做个百度地图点聚合的性能优化,需一次性加载9万条数据. 记录下自己的优化过程.(只想看优化代码的可直接移步:步骤三) 一.引入百度地图 vue项目中,在index.html文件中用script标签引入百度地图(ak=秘钥) <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=6BUBoNWirHMQajt9f2hzWF1mDK7MsR8n">&

百度地图api 常用例子