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

  本文介绍在谷歌地图API (Google Maps APIs )中,设计地图样式 并将设计好的样式通过JSON 或URL导出的方法。

  首先,进入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、小程序或网页中了。

  至此,大功告成。

相关推荐
总要学点什么1 天前
第47篇:三维特效-雷达波效果——波纹一圈圈往外推,一半却埋在地下
3d·前端框架·gis·webgl·cesium
web3d5203 天前
Vue3 地图白屏排查清单:容器、弹窗与 ol-viewport 重复创建
vue.js·gis
xiangshangdemayi4 天前
Strata教程:让GISer真正实现了token自由
ai·gis·教程·token·strata·自由
supermapsupport19 天前
SuperMap GIS 基础产品 FAQ 集锦(20260918)
gis·supermap·iserver
mikuyyds19 天前
geo-toolbox 水文插件算法解析:从 Muskingum 到 Muskingum-Cunge
算法·rust·gis
mikuyyds20 天前
geo-toolbox 插件算法解析:RUSLE 与 MUSLE 的工程化落地
算法·rust·gis
新中地GIS开发老师20 天前
测绘科学与技术考研有哪些方向?GIS、遥感、大地测量怎么选?
gis·测绘·地信
两点王爷23 天前
GIS八股文基础篇:核心知识点与高频面试题全解析
gis
奔跑的呱呱牛25 天前
腾讯地图瓦片接入方案:一个 Bun 代理,让 Mapbox / Leaflet / OpenLayers 通用
gis·openlayers·mapbox·leaflet
GISBox1 个月前
数字孪生项目必备:RVT模型转3DTiles格式的高效解决方案
gis·cesium·格式转换·服务发布·gisbox·rvt切片·3dtiles格式