导出谷歌地图提供的各类地图可视化样式的方法

本文介绍在谷歌地图APIGoogle Maps APIs )中,设计地图样式 并将设计好的样式通过JSONURL导出的方法。

首先,进入Google Maps APIs 网站。在弹出的窗口中我们可以看到,目前还可以基于谷歌云端硬盘进行地图样式设计;但原有的Google Maps APIs 其实相对来说也还是很方便、简洁的,本文这里也就暂时先介绍Google Maps APIs 。因此,这里我们选择最下方的old style wizard即可。

随后,即可进入地图样式修改界面。

其中,左侧栏上半部分三个拉伸条的作用依次分别为修改地图中道路密度地表要素密度图例密度

左侧栏下半部分则为主题选择区域,我们需要在其中选择一个主题作为后续修改的框架;本文就选择"Night"主题。

随后,通过"MORE OPTIONS"选项对地图设计加以更细致的调整。

其中,弹出的界面分为三列,其中第一列为要素类型 (包括行政区边界、兴趣点、道路、公共交通路线等),第二列为这一要素类型对应的地图元素 (包括点、线、面、图例等),第三列则为这一地图元素的具体属性设置 (包括填充颜色、要素粗细等)。例如,如果我们在第一列中选中了"Points of interest "中的"Park "------也就是地图中公园类型的兴趣点,那么第二列就是需要对公园类型要素进行修改的元素;再如果第二列选中了"Geometry "中的"Fill",那么第三列就是公园类型要素在地图中所显示为几何形状时,在填充角度的属性。

这里需要注意,如果第二列选择"All",则是对第一列所指定的要素的全部属性加以调整。

当完成上述全部需要的修改后,点击"FINISH"。

随后,即可弹出将签署设置好的地图属性导出的界面,导出方式包括基于JSON 导出与基于URL导出。

导出后,就可以将我们设计好的地图样式用在我们的APP、小程序或网页中了。

至此,大功告成。

相关推荐
supermapsupport17 小时前
SuperMap GIS基础产品FAQ集锦(20250402)
gis·supermap·webgis·idesktopx·iclient3d
xhload3d2 天前
智能网联汽车云控平台 | 图扑数字孪生
3d·gis·智慧城市·html5·webgl·数字孪生·可视化·工业互联网·车联网·智慧交通·智能网联·汽车云控
Mapmost3 天前
【数据融合实战手册·技术篇】地理空间数据各说各话?坐标转换出手搞定!
gis·数据可视化
GIS小小研究僧4 天前
AutoCAD Map 3D:CAD与GIS集成工具
3d·gis·rs
喆星时瑜10 天前
地理信息可视化技术大全【WebGIS 教程一】
信息可视化·gis·开发·地图·webgis
GIS工具-gistools202111 天前
哨兵-6 (Sentinel-6)
大数据·sentinel·gis
GISBox11 天前
PLY格式文件如何转换成3DTiles格式——使用GISBox软件实现高效转换
arcgis·信息可视化·node.js·gis·webgl·cesium
全宝12 天前
🌿 10分钟学会用arcgis+threejs实现动态地铁路线图
vue.js·gis·three.js
疯狂学习GIS13 天前
用Adobe Illustrator编辑ArcGIS地图的方法
arcgis·gis·学术工作效率
GIS数据转换器14 天前
低空飞行管控服务智慧城市关键技术与挑战
大数据·运维·人工智能·gis·智慧城市