
地图
文章平均质量分 58
牟云飞
不会造积木,只会拼积木的程序员
展开
-
高德地图获取行政区域以及中心点
在这个方法功能里面,耗费点时间的是获取文本的中心点,设置自定义的文本样式之后,文本的位置设定耗费了一点点时间,通过设置最初点+中间点计算平均不理想,然后又通过turfjs库处理(ps: turf.js地理空间分析库,处理各种地图算法)进行处理,由于还需要进行处理入参的处理,所以又找了找高德返回的数据,发现 result.districtList[0] 返回的变量中含有中心点:var bounds_center = result.districtList[0].center;原创 2022-10-28 17:17:21 · 5817 阅读 · 0 评论 -
高德3D动态地图—旋转视角
https://lbs.amap.com/demo/loca-v2/demos/cat-view-control/view-control原创 2021-06-15 15:39:23 · 4269 阅读 · 0 评论 -
大屏中使用3D高德地图+动态效果性能卡顿无法正常展示
大屏中使用3D高德地图+动态效果,性能卡顿无法正常展示,优化方案:1、缩减定时器数量;2、地图加载完成后再执行数据请求和动画渲染;3、屏幕自适应;4、将地图样式减少build等显示;5、将地图缩减至一半,然后通过scale填充(很重要)5*3或者4*3的大屏中如果不加入动画效果,地图只在第一次展示很卡,如果增加地图旋转则会很卡,卡顿的原因是屏幕过大3800*2800的地图旋...原创 2020-04-08 13:50:29 · 6638 阅读 · 0 评论 -
3D高德地图旋转动画
var mapAnimateControl = false;//场景动画,是否执行 function refer(){ window.requestAnimationFrame(function(){//整个场景动起来 if(mapAnimateControl==true){ map.setRotation((...原创 2020-03-31 14:25:58 · 2365 阅读 · 0 评论 -
百度地图离线瓦片下载(java版)
注意改一下自己的ak注意修改div的宽高、缩放比例、以及地图中心店经纬度 int width = 500;//地图div宽度int height = 500;//地图div高度 int zoomLevel = 10;package com.demo;import java.io.BufferedReader;import java.io.Buffe...原创 2019-11-26 09:31:56 · 2437 阅读 · 1 评论 -
ECharts自定义地图——行政划分“乡镇级别”地图
百度地图API能够直接划分区级别的行政划分:如果是在线访问的系统可以参考链接https://blog.youkuaiyun.com/myfmyfmyfmyf/article/details/69382618#comments;如果是离线的系统,可以通过这个echarts地址下载实现离线地图https://gallery.echartsjs.com/editor.html?c=x4snrWXFGe...原创 2019-06-19 21:57:37 · 19819 阅读 · 3 评论 -
高德地图加载成功之后回调,增加高德UI组件库,实现拖拽
高德地图可以在地图加载完成后执行自定义的回调,一种方式是: map.on("complete", function(){ log.success("地图加载完成!"); });链接:https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-complete另一种方式是在url上增加ca...原创 2019-02-16 13:59:08 · 3997 阅读 · 2 评论 -
高德地图调整最大缩放级别
zooms 表示地图显示的缩放级别范围。在PC上,默认为[3,18],取值范围[3-18];在移动设备上,默认为[3,19],取值范围[3-19] 。当 expandZoomRange 为 true 时, zooms的最大级别在PC上可以扩大到20级。(移动端还是高清19/非高清20 )代码如下:var map = new AMap.Map('container', {转载 2017-07-19 16:19:05 · 34204 阅读 · 3 评论 -
百度地图与echarts结合
可以直接引入打包好的扩展文件和百度地图的 jssdk引入百度地图的jssdk,这里需要使用你在百度地图开发者平台申请的 ak-->script src="http://api.map.baidu.com/api?v=2.0&ak=">script> 引入 ECharts -->script src="dist/echarts.min.js">script> 引入百度地图扩展 -->原创 2017-07-07 09:35:56 · 15577 阅读 · 4 评论 -
百度、高德地图去除左下角Logo
百度地图重新样式anchorBL,将其改为 .anchorBL{ display:none; } 效果如下:高德地图修改amap-logo和amap-copyright样式,改为 .amap-logo { display: none; } .amap-copyright原创 2017-05-08 17:10:12 · 10062 阅读 · 1 评论 -
解决百度地图、高德地图自定义点汇聚图片无法平铺问题
平铺类样式问题,主要是css样式的问题,解决方法: div{background-size:100% 100%}原创 2017-05-15 12:32:41 · 1021 阅读 · 1 评论 -
百度地图修改点汇聚样式(JS地图)
javascript版百度地图进行点汇聚并更改样式,引入百度开源类库TextIconOverlay_min.js和MarkerClusterer_min.js,使用BMapLib.MarkerClusterer(map, options)进行点聚合:BMapLib.MarkerClusterer(map, options)MarkerClusterer参数:{M原创 2017-05-15 12:29:10 · 4920 阅读 · 0 评论 -
百度地图JS只显示一个省
转载地址:http://www.cnblogs.com/wondergx/p/5305602.html效果图: html { height: 100%; } body { heigh转载 2017-04-06 11:26:59 · 32193 阅读 · 19 评论 -
微信各类地图语音导航
bdapp在微信内部浏览器不行导航baidumap在微信内部浏览器导航百度地图uri web地图导航腾讯地图uri web地图导航高德地图uri web地图导航微信各类地图语音导航,直接点,直接上代码,不过还是建议微信里面使用腾讯地图,效果如下: 代码如下:bdapp在微信内部浏览器不行导航baidumap在微信内部浏览器导航百度原创 2016-07-14 21:52:44 · 4374 阅读 · 0 评论