谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出

简介: 谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出

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

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

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

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

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

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

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

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

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

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

欢迎关注公众号/CSDN/知乎/微博:疯狂学习GIS


相关文章
|
2月前
Google Earth Engine(GEE)——导出指定区域的河流和流域范围
Google Earth Engine(GEE)——导出指定区域的河流和流域范围
43 0
|
2月前
Google Earth Engine (GEE)——将影像导出Google硬盘中的易犯错误
Google Earth Engine (GEE)——将影像导出Google硬盘中的易犯错误
28 0
|
2月前
|
编解码 定位技术
Google Earth Engine(GEE)——导出后的影像像素不同于原始Landsat影像的分辨率(投影差异)
Google Earth Engine(GEE)——导出后的影像像素不同于原始Landsat影像的分辨率(投影差异)
21 0
|
2月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
63 0
|
2月前
GEE——Google dynamic world中在影像导出过程中无法完全导出较大面积影像的解决方案(投影的转换)EPSG:32630和EPSG:4326的区别
GEE——Google dynamic world中在影像导出过程中无法完全导出较大面积影像的解决方案(投影的转换)EPSG:32630和EPSG:4326的区别
41 0
|
1天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
16 0
|
5天前
|
JSON 运维 Kubernetes
云效产品使用报错问题之流水线中配置了AppStack,构建时下载的制品内容为json字符串,如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
1月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
|
2月前
|
JSON JavaScript 前端开发
Python之JavaScript逆向系列——接口JSON信息获取与操作
Python之JavaScript逆向系列——接口JSON信息获取与操作
51 0
|
2月前
|
定位技术 API
Google Earth Engine(GEE)——如何给地图添加一个不同底图
Google Earth Engine(GEE)——如何给地图添加一个不同底图
39 0

相关实验场景

更多