草庐IT

地图学

全部标签

遗传算法之路径规划matlab代码(栅格地图)含详细注释

遗传算法本人在另一篇博文中已经有记载,本次将遗传算法用于路径规划的代码记录于此,用于大家一起学习一起进步,如果有用,欢迎点赞。1.基于遗传算法的栅格法机器人路径规划main.m%基于遗传算法的栅格法机器人路径规划%jubobolv369clc;clear;%输入数据,即栅格地图.20行20列Grid=[00000000000000000000;00100000000000000000;00100011100000000000;00000011100000000000;00000011100000000000;01110000000000000000;01110011100000000000;0

微信小程序使用地图map (详细)

直接看代码:可直接赋值实现,图标可根据自己需要更改{markersStatus}}"class="map"id="myMap"scale="{{scale}}"longitude="{{longitude}}"latitude="{{latitude}}"markers="{{datatlist}}"bindregionchange="mapChange"show-location='true'>//这个是上图灰色图标点击可回到初始位置小程序地理定位qqmap-wx-jssdk.js:qqmap-wx-jssdk.js点击可进行下载里边的:下载微信小程序JavaScriptSDKvarQQMa

前端在vue2中嵌入腾讯地图(web端)

1.在腾讯位置服务中注册登录成为开发者        腾讯位置服务-立足生态,连接未来(qq.com)2.新建一个应用获取一个key控制台-->应用管理-->我的应用-->创建应用-->添加key 3.开发者文档  创建地图|腾讯位置服务(qq.com)4.在public-->index.html中间中引入腾讯地图(将key修改为上一步获取的key)   5.直接上代码复制过去就能跑 注释写的非常清楚               exportdefault{  data(){   return{    //点数据数组    markerArr:[     {      "id":"1", //

微信小程序解决view点击事件穿透地图map触发markertap

微信小程序中使用map组件,ios手机中点击地图上的view,会触发底下的markertap,只要底下如果有marker点的话。这就造成了用户体验不是很好。然后无意间我发现点击能滑动的scroll-view反而不会触发底下的markertap,就等于是一个不穿透的容器。我就在想是不是view也可以换成scroll-view,然后防止穿透点击,答案是:可以。但是体验还是不太好,因为scroll-view会滑动,所以按钮里面的内容也会滑动,不是最佳的解决方法。于是,我就想到可以用透明的可滑动的scroll-view放在上层作为隐形按钮,下层放普通的按钮样式,这回真正的解决了ios的bug。一、地图

微信小程序解决view点击事件穿透地图map触发markertap

微信小程序中使用map组件,ios手机中点击地图上的view,会触发底下的markertap,只要底下如果有marker点的话。这就造成了用户体验不是很好。然后无意间我发现点击能滑动的scroll-view反而不会触发底下的markertap,就等于是一个不穿透的容器。我就在想是不是view也可以换成scroll-view,然后防止穿透点击,答案是:可以。但是体验还是不太好,因为scroll-view会滑动,所以按钮里面的内容也会滑动,不是最佳的解决方法。于是,我就想到可以用透明的可滑动的scroll-view放在上层作为隐形按钮,下层放普通的按钮样式,这回真正的解决了ios的bug。一、地图

简单聊聊Echarts伪3D地图实现的相关配置

知识和技能真的是用进废退,还是得多实践,才不至于遗忘。目录前言二、实现原理三、从0开始实现1.目录结构2.地图JSON数据获取3.具体实现,重头戏3.一些常见问题的解决方法总结前言本文简单来聊一聊Echarts伪3D地图的实现,只分离出最底层的伪3D效果,删除了其余的上层展示效果。Echarts这块还有一些重要且常用的功能,比如,地图钻取、结合散点图实现各种效果等,总之,可玩性很高。本文还是抽丝剥茧,只专注3D效果这一点,贪多嚼不烂,后续有机会可以进行扩展,或者网上能够找到不少的Echarts社区的镜像站。里面的示例良莠不齐,但仔细甄别后,有很多可取之处。一、实现效果图先来看效果图,如果不符合

VUE百度地图加载3D模型(MapVThreeGallery)

参考百度开发文档补充下(里面有免费的可以拿来玩)3D模型下载网址步骤1:npminstallmapv-three安装插件npminstallmapv-three2:在index.html加载百度地图scriptsrc="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的百度秘钥">/script>注:加载model.glb文件需要是请求来的,所以我本地起了服务器放3D模型数据或者简单的步骤使用VisualStudioCode安装LiveServer插件然后右击index.html选择红框打开,就可以加载本地的3D模型数据了全部代码:temp

全新升级,EasyV 3D高德地图组件全新上线

当我们打开任意一个可视化搭建工具或者搜索数据可视化等关键词,我们会发现「地图」是可视化领域中非常重要的一种形式,对于许多可视化应用场景都具有非常重要的意义,那对于EasyV,地图又意味着什么呢?EasyV作为数字孪生可视化平台,地图组件是其核心组件之一,它可以为用户们提供空间数据可视化、空间分析与决策、空间定位及空间关系展示、实时监控与预测等功能,从而帮助用户更好地理解和管理数字孪生对象。平台到目前已经内置了12种地图组件,涵盖二维到三维多类型地图,拥有丰富的地图类型、地图覆盖物、交互操作、数据接口和个性化设计等功能。而就在今晚我们即将迎来平台的第十三个地图组件——3D高德地图🎉试用👉easy

uniapp微信小程序使用腾讯地图选点插件

在A页面获取当前经纬度之后跳转至B页面打开腾讯地图选点插件1.使用wx.getLocation()获取当前地理位置注意需要把微信开发者工具中的本地设置中的版本改为2.17.0,不然会报错wx.getLocation({type:'wgs84',success:function(res){console.log('当前位置的经度:'+res.longitude);console.log('当前位置的纬度:'+res.latitude);wx.setStorageSync('location',{latitude:res.latitude,longitude:res.longitude})uni.

记录--写一个高德地图巡航功能的小DEMO

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助风格设置加载地图使用AMapLoader.load加载地图,从 控制台  申请一个属于自己的keyimportAMapLoaderfrom'@amap/amap-jsapi-loader';...constAMap=awaitAMapLoader.load({"key":"您自己申请的KEY",//申请好的Web端开发者Key,首次调用load时必填"version":"2.0","plugins":["AMap.Walking","AMap.Driving"],//需要使用的的插件列表,如比例尺'AMap.Scale'等"Loca"