快来自定义您的地图样式!(适用于Android和iOS)
▲ 自己的应用,自己的地图样式(适用于Android 和 iOS)
文|Google Maps Mobile API 产品经理 Megan Boundey
现在,可以通过跨平台自定义地图样式更改地图的调色板、隐藏标签、调整道路密度和切换景点。您的地图现在可以匹配您的网站和应用中的品牌和样式!
Google Maps API 现在支持您使用相同的 JSON 样式对象,为 Android 和 iOS 应用以及您的网站创建样式精美的地图。
▲ 使用样式向导,只需点击便可创建自定义样式
在新的 Google Maps API Styling Wizard 的帮助下,只需点击几下鼠标,即可创建地图样式。使用预置的样式之一或从头开始创建您自己的样式。
访问高级选项,进一步控制地图样式包含的每个方面,包括可见性、填充和描边粗细。
自定义地图样式为您定制符合特定用例的地图提供多种方式。拥有自己的公交站点,希望关闭 Google 提供的公交站点?我们如您所愿!想要隐藏公路并突出显示水文要素?没问题。您可以控制标签、风景、交通图标、景点、道路等的可见性,打造能够体现您的品牌和目的的外观。
请参阅
Android 示例:
developers.google.com/maps/documentation/android-api/hiding-features
iOS 示例:
developers.google.com/maps/documentation/ios-sdk/hiding-features
JavaScript 示例:
developers.google.com/maps/documentation/javascript/examples/hiding-features
另外,iOS 和 Android SDK 现在均支持商业景点;这意味着您现在可以在地图上显示酒店、餐厅和商店。它们仅可在您使用最新的 SDK 编译时显示,您可以通过样式控制它们的可见性。
▲ 现在,自定义样式适用于本机 iOS 和 Android 应用以及网站。
如需在应用或网站中启用自定义样式,请查看代码示例:
Android:
github.com/googlemaps/android-samples/blob/master/ApiDemos/app/src/main/java/com/example/mapdemo/StyledMapDemoActivity.java
iOS:
github.com/googlemaps/maps-sdk-for-ios-samples/blob/master/GoogleMaps/GoogleMapsDemos/Samples/StyledMapViewController.m
JavaScript:
developers.google.com/maps/documentation/javascript/examples/style-selector
您可以将样式随应用一起分发、动态提取样式,甚至在运行时更改样式。
Android 和 iOS 版本说明中包含修复的错误以及本文提到的自定义基本地图样式功能的详细信息。观看 Styling your Maps Geocast:
https://v.qq.com/txp/iframe/player.html?vid=p0341rz2ub2&width=500&height=375&auto=0
通过 #mapstyle 在 Twitter 和 G+ 上分享您设计的基本地图样式,向我们展示您的成果!
推荐阅读: