1.arcgis 地图地图api 3.x for js 入门开发系列五地态势标绘(附源码)
2.开源Sas Planet地图下载工具(添加地图源+汉化版本)
3.Cesium中文网——如何开发一款地图下载工具[一]
4.如何用百度地图创建自己的地图?
5.leaflet地图全图以及框选截图导出功能(附源码下载)
6.cesium 入门开发系列地图鹰眼功能(附源码下载)
arcgis api 3.x for js 入门开发系列五地态势标绘(附源码)
关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的下载下载 arcgis api 3.x for js: esri 官网 api,里面详细的源码源码用介绍 arcgis api 3.x 各个类的介绍,还有就是地图地图在线例子: esri 官网在线例子,这个也是下载下载学习 arcgis api 3.x 的好素材。
内容概览
基于arcgis 源码源码用零售源码api 的 Draw 工具基本绘制 拓展 Draw 工具的绘制 源代码 demo 下载
本篇实现地图态势标绘功能模块
截图如下
本篇核心的在于调用 arcgis api 的 Draw 工具: Draw
构造函数:
一般来说,传参 map 对象进来就行,地图地图其他参数可选的下载下载,用默认的源码源码用就行,除非你想专门设置。地图地图 默认的下载下载可绘制图形类型常量 Constants:
可以设置绘制的符号样式:
其中,activate 函数可以激活触发绘制的源码源码用行为,绘制结束之后在绘制结束事件里面获取 geometry:
地图态势标绘实现的地图地图思路:利用 arcgis api 的 Draw工具实现普通的点线面绘制,但是下载下载对于燕尾箭头、集结地、源码源码用弧线、曲线、偶遇佳人源码简单箭头等特殊的军事态势需要自定义来绘制了,所以需要拓展 Draw 工具才能实现,也是本篇的精华所在。
1是继承拓展 Draw 的文件目录;2是实现态势标绘模块的 js 文件。 首先,需要在 map.html 页面引用进来:
其中,paths 代表需要引用的路径。
其次,在 map.js 文件的初始化里面引用拓展的 js 文件 DrawEx 以及 DrawExt:
最后,在工具栏菜单的态势标绘菜单响应事件里面调用 plot.js 即可:
其次,触发调用 Draw 绘制:
最后,添加绘制图形在地图上展示:
demo源码下载 下载提取码:g5cy
开源Sas Planet地图下载工具(添加地图源+汉化版本)
在地图下载需求中,开源且免费的SAS Planet是一个值得尝试的选择。它是由俄罗斯GIS爱好者开发的开源工具,其源代码可在GitHub找到。SAS Planet的cps联盟 源码特点在于其可定制地图源,支持浏览和下载主流网络地图。
由于原版SAS Planet并未包含中文界面,我对其进行了汉化,尽管工作量大且部分翻译依赖自动工具,可能存在翻译不准确之处,敬请理解。SAS Planet内置了一些地图源,如Bing、Esri和OSM的部分,但部分源可能不可用。我额外添加了星图地球、高德地图和谷歌矢量地图供用户选择。
为了使用中文显示,需要以管理员权限运行软件,然后在“Settings-Language”中选择“Chinese(Simplified)”即可。注意,crm商城源码重启软件后可能需要重新设置。下载影像的过程包括选择地图源(如Esri ArcGIS Imgry)、设定下载范围、设置输出路径和比例,然后开始下载。
SAS Planet的完整资源包括官方GitHub地址、官方下载链接以及我汉化的版本。虽然软件的其他功能文档是俄语的,但其功能丰富,更多详情请参考软件内的帮助文档。
Cesium中文网——如何开发一款地图下载工具[一]
Cesium中文网: cesiumcn.org/ | 国内快速访问: cesium.coinidea.com/
Cesium中文网的朋友们其中一个关注点是:独立开发一款地图(瓦片图)下载工具。
我们将通过多个博客文章[所有用户]和视频[付费用户]的形式来拆分并介绍这个主题。源代码将不断更新并提交到Github,地址:github.com/hujiulin/Map...。源代码对所有用户开放,若您觉得对您有帮助,交互界面源码请给予一个star以示鼓励。
重剑无锋,大巧不工。
这个工具将以C#和JavaScript的形式呈现。编程语言只是形式,理解其内部逻辑和流程,您也可以使用Java,Python,PHP或其他开发语言进行实现。
目前开源的工具非常简单(简陋),但我将定期更新和维护代码。如果您有任何问题,可以在Github上提交issue,或在公众号:Cesium中文网;QQ群:;论坛: cesium.coinidea.com/上留言和提问。
准备工作:
找到自己熟悉的一门开发语言,它支持:
一般来说,现代的开发语言都支持上述大部分功能。本文选择的是C#。在整个主题的中部,会引入JavaScript。
瓦片图服务器:
本文选择的是百度地图,其实大部分的瓦片图服务器都会有x, y, z(level)三个参数,百度地图的URL Pattern是:online{ 0}.map.bdimg.com/onlinelab...{ 1}&y={ 2}&z={ 3}&styles=pl&udt=&scaler=1&p=0
如果我们把x=1, y=1, z=3,在浏览器打开上述URL
online0.map.bdimg.com/o...
样例瓦片图
既然我们已经知道了瓦片图的生成规则,那我们只要指定具体的下载链接,我们就可以下载对应的了。C#的核心下载代码是,这里代码可以轻易地在网络上搜索到:
瓦片图批量下载:
接下来我们要做的是:
之前提到过地图的核心思想是四叉树,所以我们可以再次简单的处理,认为瓦片图也是四叉树构成的,一共分为级(网上可查)左右。那么
levelminX~maxXminY~maxY~~~~~~4…n1~2^(n-1)1~2^(n-1)
四叉树
批量下载的核心代码如下:
上述的运行代码肯定能下载,但是有很多问题。这些问题将在下一步中进行讨论。
当前软件界面
下载结果
下一步:
上面的这些问题将在后续的文章中进行介绍。
声明:
一般来说,地图服务器需要很大的存储资源和带宽资源,本文仅从学术角度和大家探讨现在的下载软件内部原理,如有错误欢迎大家指正。
Again: Github地址:github.com/hujiulin/Map...。源代码对所有用户开放,如果大家觉得有益,请轻轻地给一个star进行鼓励。
本文和软件仅做学术交流,严禁用于商业用途。
Cesium中文网交流QQ群:
Cesium中文网: cesiumcn.org/ | 国内快速访问: cesium.coinidea.com/
如何用百度地图创建自己的地图?
搜索“地图生成器”点击进入开始创建地图。第一步先定位中心点,在左侧搜索大致范围,然后在右侧的地图里寻找到自己需要的地图中心所在地。
第二步设置地图的尺寸,添加按钮的样式以及地图状态
第三步添加标注,在右侧地图页面单击选择所在地地址。在左侧添加标注里填写好名称和备注。
最后点击页面下方的获取代码即可获取自己创建的地图的源码了。
leaflet地图全图以及框选截图导出功能(附源码下载)
leaflet地图全图以及框选截图导出功能,通过本文您将学习如何利用leaflet API和domtoimage插件实现地图全图导出与矩形框选导出。本文将详细解析实现思路、代码示例,并提供源代码下载链接。
在leaflet地图开发中,通过调用API文档介绍的函数和属性,我们可以实现地图的各种功能。为了提供直观的示例,我们还提供了leaflet在线例子和插件库的链接,方便开发者进行实践和深入学习。
具体实现方法如下:首先使用domtoimage插件进行地图全图导出。该插件能够将HTML元素转化为PNG,从而轻松实现地图全图的导出。对于矩形框选导出功能,我们基于domtoimage插件,通过计算用户选择的矩形范围,调整导出的区域,实现精准的框选截图导出。
如果您对以上功能感兴趣并希望直接获取源代码示例,只需点击下方链接下载完整代码。该代码包含详尽的注释和实例,将帮助您快速理解并应用这些功能到自己的leaflet地图项目中。
cesium 入门开发系列地图鹰眼功能(附源码下载)
cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子
内容概览:cesium 结合 leaflet 实现鹰眼图 cesium 自身 api 实现鹰眼图 源代码 demo 下载
效果图:初始化 cesium
初始化鹰眼
核心鹰眼代码,通过监听 cesium 视图变化事件联动 leaflet 视图同步,同时也监听 leaflet 视图变化事件联动 cesium 视图同步
实现思路,创建两个视图,主视图 viewer 以及右下角鹰眼视图 viewer1,通过监听 viewer 变化来同步 viewer1
参考资料:1. github.com/leation/Over... 2. gitee.com/HQCode/Cesium...下载链接:感兴趣的伙伴们,私聊我获取,8.8元