查看原文
其他

快来自定义您的地图样式!(适用于Android和iOS)

2016-10-30 DevRel 谷歌开发者



自己的应用,自己的地图样式(适用于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 应用以及网站。


如果您对新的地图样式感到满意,可以在我们的 iOS、Android 和 JavaScript Maps API 中导出和使用相同的 JSON 样式对象。样式向导还为您提供用于 Google Static Maps API 的网址。 

如需在应用或网站中启用自定义样式,请查看代码示例:

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



非常感谢
世界各地的 Android 和 iOS 开发者们使用 Google Maps Android API 和 Google Maps SDK for iOS,并通过 Issue Tracker 提交反馈意见!我们非常重视您的意见!

通过 #mapstyle 在 Twitter 和 G+ 上分享您设计的基本地图样式,向我们展示您的成果!


推荐阅读:

与谷歌开发技术专家一起,开启“I/O 地图开发技术”之旅

升级!更拉风的谷歌街景

除了Android, Google还有哪些开源项目?

Google资深研究科学家: 人工智能是一种技术手段,不是魔法

担心应用被下架?这十招可破!



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存