2 技术选型 Technology 选择GMap.NET,GMap.NET是一个强大、免费、跨平台、开源的.NET控件,它在Windows Forms 和WPF环境中可以基于Http协议加载各个公司的地图..., Bing, OpenStreetMap, ArcGIS, Pergo, SigPac等地图,主要原理是通过解析各个公司的地图服务的URL,传入相应的参数得到对应的切片底图(Tiled map),并可以实现寻找路径...高德地图的GMapProvider类的实现: using GMap.NET; using GMap.NET.MapProviders; using GMap.NET.Projections; using...lang=zh_cn&size=1&scale=1&style=7&x={0}&y={1}&z={2}"; } } 主程序里的GMap.Net控件通过load方法调用地图资源: private...下载完毕后导出: 导出后得到gmdb文件: 主程序里的GMap.Net控件通过load方法调用地图资源 string mapPath = System.Windows.Forms.Application.StartupPath
效果图 [2022-03-08_064420.png] 业务场景 我们在map组件查看地图标注点的时候,往往会缩放地图来查看具体的细节,那么这个时候我们需要一个按钮来一键重置地图还原地图缩放比例 实现步骤...页面添加重置按钮并显示在地图右下角 重置地图 js中resetMap...resetMap() { this.setData({ serchvalue: "", }); this.onLoad(); }, onload方法中删除地图的所有标注点
大家好,又见面了,我是你们的朋友全栈君。 将在地图上用鼠标左键点击的点绘制出来(两点之间用直线连接),并且能够随地图一起实现等比例缩放和拖拽。...GPoint与Graphics绘图坐标转换:Graphics是OnRender的形参,用来绘制地图显示内容的,Graphics坐标系的原点在地图控件的对称中心点。...所以如果直接将GPoint绘制出来会出现偏移,即:GPoint(0, 0)点在控件上其实是在(mapControl.Size.Width / 2, mapControl.Size.Width / 2)处...注:在地图进行缩放时,如果控件的MouseWheelZoomType属性是MousePositionAndCenter,鼠标会自动跳到控件的对称中心点。...if (this.Overlay.Control.IsDragging) { pen.Color = Color.Green; } //地图缩放比例改变后需要重新计算Point else if
ggplot绘制map R语言可以进行数据分析,也可以进行地图绘制,而且非常简洁,快速。...这篇文章主要讲述如何利用R语言中的ggplot与sf绘制带有指北针、图列与标尺的地图 屏幕快照 2020-06-28 下午9.27.59.png 数据 我们下载非洲地区54个国家的图层Afirca.json...africa) + geom_sf(aes(geometry = geometry, fill = pop_est)) 屏幕快照 2020-06-29 上午1.48.20.png 指北针 一张标准的地图需要有比例尺...,地图及指北针,所以这次我们加上比例尺与指北针,通过ggspatial包,调用annotation_scale来增加比例尺。...location = "bl"是调整比例尺位置, width_hint = 0.3调整比例的长度。 annotation_north_arrow则是用来添加指北针。
小地图可以通过两种方式实现: 一、通过相机渲染方式实现: 在Project窗口中右键创建Render Texture资产,使用一个相机以俯视视角渲染地面,将Target Texture属性设为创建的...二、通过等比例换算实现: 图片 原理如下: 水平比例 = 地形长度 / 小地图Image的长度 垂直比例 = 地形宽度 / 小地图Image的宽度 以地形左下角作为基准点...x = 人物位置与基准点的水平距离 y = 人物位置与基准点的垂直距离 人物在小地图中的位置(anchoredPosition) = new Vector2(x / 水平比例,...; //水平比例 private float horizontalRate; //垂直比例 private float verticalRate; private...、Pivot均设为0,此时图标以左下角为基准点,所以为了对应中心位置,需要减去图标大小一半的偏移量。
https://leafletjs.com/examples.html https://leafletjs.com/examples/zoom-levels/example-setzoom.html 显示比例尺...= L.control.scale(); //将比例尺控件加载到地图容器中 L.control.scale({ metric: true, imperial: false }).addTo(map...// map.addControl(scale); //获取Attribution控件 // attribution = map.attributionControl; //替换默认的leaflet...前缀改为自定义的logo和文字 // attribution.setPrefix(''); // attribution.addAttribution("https://blog.csdn.net/BADAO_LIUMANG_QIZHI"); // 显示地图缩放级别
今天给大家演示一下用GMap.Net如何加载POI数据,以及测试一下加载数据的性能。...工作内容和步骤: 下载一份POI数据,你可以用爬虫去爬,我是直接在百度上搜索的别人爬好的免费资源(一定要带坐标),数据也不算太旧,好像是2021年初时的版本,毕竟是免费的,真香。...洪山区有约13700条数据,全市有126295条数据,测试结果为:洪山区加载全部POI点用时3.81秒,全市用时60.31秒,洪山区的1W多条数据加载后,在GMap.Net控件中进行鼠标操作(如移动地图...,放大缩小比例和弹出浮框等)性能良好无任何卡顿;全市的12W多条数据加载后,界面卡顿明显,鼠标进行上述操作基本都要延时几秒才有响应,尽管没有卡到程序崩溃,但是我感觉基本达不到用户可用的要求,以上对性能的评价皆为本人个人感受和看法...,暂时就告一段落吧,感谢GMap.Net这样的控件,让我们几乎零成本地可以实现一个完整的GIS系统,给凡人留一条路,给黑夜留一盏灯,将来如果有机会在一个详细的应用场景展开应用,再给大家带来续集。
前言 我们在以往的UI自动化测试中,可以通过获取页面元素进行封装组合成一系列模拟真人的操作,来完成UI方面的自动化测试,但是在地图业务测试中,这种方式是无法完成的,地图是无法通过普通元素定位手段是无法获取元素的...,比如完成对比新老版本路径规划的准确性、与竞品比较路线的成熟度,但通过图像识别也是一个不错的思路,今天我们介绍一下利用图像识别的方式,在地图测试做一些应用。...OpenCV(Open Source Computer Vision Library)是一个使用 C/C++ 开发的开源的跨平台的计算机视觉库,它提供了很多函数,这些函数非常高效地实现了计算机视觉算法,...图像处理依赖于得到一幅图像、视频,并通过应用信号处理技术的“播放”来得到预期的结果,我们写入两张路线规划图片。...PSNR峰值信噪比 4.SSIM(structural similarity)结构相似性 5、感知哈希算法 四、实现步骤: 1)两个版本的地图做起止点路线规划,截图保存,从本地读取两张图像
地图比例尺地图比例尺是地图上的线段长度与实地相应线段经水平投影的长度之比。它表示地图图形的缩小程度,又称缩尺。严格讲,只有在表示小范围的大比例尺地图上,由于不考虑地球的曲率,全图比例尺才是一致的。...通常绘注在地图上的比例尺称为主比例尺。在地图上,只有某些线或点符合主比例尺。比例尺与地图内容的详细程度和精度有关。一般地,地图比例尺越大误差越小,图上测量精度越高。...测绘1:1000比例尺的地形图时,地面上量距的精度为0.1mm×1000=0.1m。实际是地图上的固定1cm与实际地理环境中的多少距离之比。...一幅地图的比例尺是1:5万,那么图上两点间为1 厘米,实地该两点的距离应为5万厘米。一幅地图的比例尺是1:500万,那么图上两点间为1 厘米,实地该两点的距离应为500万厘米。...我们日常用到的地图比例尺,分别是1:20000和1:50000,它们所表示的意思就是在地图上的1cm就表示实际地理环境中的20000cm(即200M)和50000cm(即500M)距离,由此我们就可以在地图上通过测量得知两点之间的水平距离了
引言 昨天有小伙伴在讨论群里提问"有没有关于绘制带比例尺和指北针的地图可视化教程",我也进行了答复,没想到关注的人比较多,那就安排推文教程(最近在系统整理资料,所以这篇也是计划外的 ? )。...关注本公众号,后台回复"地图数据" 即可获取本推文所使用的数据。 02. tmap 简介 说起绘制空间数据相关的可视化作品,R语言还是比Python 要方便的多的 ? ? 。...country) + tm_lines(col="grey20", lwd = 1.8) + tm_shape(city) + tm_text("city", size=0.5)+ #添加比例尺...(Scale bar)添加 #添加比例尺 tm_scale_bar(position=c("left", "bottom"),text.size = 0.4) + 官网的一些主要属性如下: ?...总结 本期推文介绍了大家比较关心的绘制空间数据 指北针 和 比例尺的添加方法。而基于ggplot2 以及拓展包 ggspatial 也是可以绘制的,由于不是很熟悉空间数据的处理,介绍难免不足。
引言 昨天有小伙伴在讨论群里提问"有没有关于绘制带比例尺和指北针的地图可视化教程",我也进行了答复,没想到关注的人比较多,那就安排推文教程(最近在系统整理资料,所以这篇也是计划外的 ? )。...关注本公众号,后台回复"地图数据" 即可获取本推文所使用的数据。 02. tmap 简介 说起绘制空间数据相关的可视化作品,R语言还是比Python 要方便的多的 ? ? 。...country) + tm_lines(col="grey20", lwd = 1.8) + tm_shape(city) + tm_text("city", size=0.5)+ #添加比例尺...fontface = "bold")+ tm_style("classic")+ tm_layout(inner.margins=c(0.01,0.05,0.05,0.05)) map_test 知识点: 比例尺...(Scale bar)添加 #添加比例尺 tm_scale_bar(position=c("left", "bottom"),text.size = 0.4) + 官网的一些主要属性如下: ?
今天跟大家分享的是数据地图系列11——PowerMap! 这是一个excel的内置地理信息系统可视化工具,是微软PowerBI系列的四大工具之一。...powermap工具制作数据地图的好处是: 不用写任何代码、不用写一丁儿的函数语法、不用做任何复杂的数据转换。 今天要给大家介绍的案例是一家公司在18个中国城市的销售额(两个产品以及总销售额)。 ?...将图表类型切换到第三种(气泡图),在底部图层选项中气泡比例适当调小。 ? 继续调整图表类型,换成第四种类型,热力图。 ?...看下效果是不是很神奇啊,powermap的地图是在线地图,使用时必须保证电脑联网,除此之外,它对接的是微软自家的产品——必应地图,而且提供很多种地图主题可供选择。 ?...带有三维地图的数据文件在2010及以下版本中是打开是无法显示地图效果的,只能在2013及以上版本中才能显示。
以前转载过一篇《兼容IE8、火狐的本地图片预览+等比例缩放》的文章,时至今日在新版的Chrome和Firefox上已经不能用了,原因getAsDataURL方法已经失效。...当然在Chrome、Firefox上可以通过HTML5来实现,今天把它写出来了,见源码: 本地图片预览
1 使用情况介绍 Introduction to test 现在windows平台的开发越来越流行WPF,我发现GMap.Net也有WPF版本,就跟风尝试了一下,只能说泪流满面,原本在GMap.Net.Winforms...我计划完成一个WPF版本的Demo(绿色是目前已经完成的功能)。主程序是我以前做的WPF版本万能框子,GMap.Net组件是其中一个UserControl。...加载高德在线地图 加载OpenCycleMap离线瓦片地图 CGCS2000坐标转WGS84坐标 添加自定义图标的标记点 绘制多边形,多边形对象实现双击事件和右键菜单功能,实现多边形对象带属性和属性传值...WPF的实现思路以及与Winforms版本的区别。...事件不能直接注册到GMapPolygon 对象polygon上,而是注册到polygon.Shape上,因此MouseRightButtonDown 方法的sender也是polygon.Shape而不是
今天要跟大家分享的是使用Stata语法制作数据地图!...Stata语法制作数据地图,需要具备一点儿Stata语法基础,但是基于我们的目的是介绍地图的实现方式而非介绍软件操作,这里不再详细介绍Stata软件基础,感兴趣的同学可以自己查阅Stata工具书。...在我们下载的地图数据文件中,_ID中对应的序号编码是与中国34个升级行政单位一一对应的。...以上命令与上一条的区别在于仅仅填充区域,因为没有添加参数,所以使用了系统默认的灰蓝色。...以上代码可以实现东三省的分省填充地图。
继上次使用tmap包制作含有指北针(compass)和比例尺(scale bar)以及南海小地图的添加,详细内容分别见如下两篇文章:R-tmap 绘制带指北针和比例尺的空间地图和 R-tmap+grid...实现南海小地图的添加,得到了很多小伙伴的喜欢。...ggspatial 添加指北针和比例尺 我们使用ggspatial包的annotation_scale()和annotation_north_arrow()方法实现这两个重要地图要素的添加。...由于其投影精度高,变形小,而且计算简便(各投影带坐标一致,只要算出一个带的数据,其他各带都能应用),因此在大比例尺地形图中应用,可以满足军事上各种需要,并能在图上进行精确的量测计算(来源于百度)。...总结 本期推文我们使用ggspatial包、ggplot2包以及sf包的geom_sf()完成另一种指北针和比例尺地图的绘制,希望给大家一些绘制灵感。
Nginx的地图模块允许您在Nginx的配置文件中创建变量,其值是有条件的 - 也就是说,它们依赖于其他变量的值。...在服务器上安装Nginx。 第1步 - 创建和测试示例网页 首先,我们将创建一个代表新发布网站的测试文件。我们将使用此文件来测试我们的配置。...如果是,则表示地图中的条件已满足,我们应该使用该rewrite命令重定向到新网站。...相反,您将看到我们在步骤1中创建的简单主页。 Home 这意味着地图已正确配置,您可以通过向地图添加更多条目来使用它来重定向URL。 重定向URL是地图模块的一个有用的应用程序。...仅为需要密码输入的表单设置强制SSL连接是一个很好的例子,如何在现实世界场景中应用地图模块,我鼓励尝试这样的设置。 更多详细信息可以在Nginx的官方地图模块文档中找到。
Nginx的地图模块允许您在Nginx的配置文件中创建变量,其值是有条件的 - 也就是说,它们依赖于其他变量的值。...没有服务器的同学可以在这里购买,不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。 按照如何在Ubuntu 16.04上安装Nginx,在服务器上安装Nginx。...如果是,则表示地图中的条件已满足,我们应该使用rewrite命令重定向到新网站。...相反,您将看到我们在步骤1中创建的简单主页。 Home 这意味着地图已正确配置,您可以通过向地图添加更多条目来使用它来重定向URL。 重定向URL是地图模块的一个有用的应用程序。...仅为需要密码输入的表单设置强制SSL连接是一个很好的例子,如何在现实世界场景中应用地图模块,我鼓励尝试这样的设置。 更多详细信息可以在Nginx的官方地图模块文档中找到。
正文 说到地图就想到了百度地图,当然你要是想用高德地图也是可以的,对接就可以了,我这里就不介绍了,还记得在第一篇文章的时候,就注册了百度地图开放平台的账号,并且申请了应用的key用于定位,点击百度地图开放平台进入...推荐一个图标网站,我APP上的图标基本都是在这个上面找的,真心不错。 iconfont 这个地图的图标也是在上面找的。可以看到右边已经有一个更多功能的按钮了,我在左边加一个地图的。...表示 比例尺/2000米 2公里 //改变地图状态,使用地图状态更新工厂中的新地图状态方法,传入状态构造器 mBaiduMap.animateMapStatus...可以参照这个表来进行设置 显示层级 比例尺/米 比例尺/公里 4 1000000 1000 5 500000 500 6 200000 200 7 100000 100 8 50000 50 9 25000...app:pressedTranslationZ="@dimen/dp_18" app:rippleColor="@color/blue_one" /> 这个按钮会显示在页面的左下角比例尺的左边
比和比例一直是学数学容易弄混的几大问题之一,其实它们之间的问题完全可以用一句话概括: 比,等同于算式中等号左边的式子,是式子的一种(如:a:b); 比例,由至少两个称为比的式子由等号连接而成,...所以,比和比例的联系就可以说成是: 比是比例的一部分;而比例是由至少两个比值相等的比组合而成的. 比和比例的区别: 区别 区别1:意义、项数、各部分名称不同。...比表示两个数相除;只有两个项:比的前项和后项。 如:a:b 这是比 比例是一个等式,表示两个比相等;有四个项:两个外项和两个内项。 a:b=3:4 这是比例。...区别2:比的基本性质和比例的基本性质意义不同、应用不同。比的性质: 比的前项和后项都乘以或除以一个不为零的数。比值不变。比例的性质:在比例里,两个外项的乘积等于两个内项的乘积。 比例的性质用于解比例。...联系: 比例是由两个相等的比组成。 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/146315.html原文链接:https://javaforall.cn
领取专属 10元无门槛券
手把手带您无忧上云