如何为iOS应用创建简约地图

Question

如何实现与屏幕截图相同的地图？

我发现了MKMapView的自定义叠加层，但是我不确定这是更改所有地图的好方法。

也许您对此有一些想法？

Answer 1

我不熟悉是否有更好的解决方案来实现这一目标。 正如您在问题中提到的那样，我正在使用叠加层。

您可以在https://mapstyle.withgoogle.com/用自己的漂亮样式自定义叠加层

您将获得用于自定义的JSON，包括您的应用程序密钥，并准备在您的应用程序中使用。

在您的应用中

import GoogleMaps

@IBOutlet weak var viewMap: GMSMapView!
public let kMapStyle = "[{\"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" } ] },{\"elementType\": \"labels.icon\",\"stylers\": [{\"visibility\": \"on\"}]},{\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#616161\"}]},{\"elementType\": \"labels.text.stroke\",\"stylers\": [{\"color\": \"#f5f5f5\"}]},{\"featureType\": \"administrative.land_parcel\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#bdbdbd\"}]},{\"featureType\": \"poi\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#eeeeee\"}]},{\"featureType\": \"poi\",\"featureType\":\"poi.business\",\"stylers\": [{\"visibility\": \"on\"}],\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#757575\"}]},{\"featureType\": \"poi.park\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#e5e5e5\"}]},{\"featureType\": \"poi.park\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#9e9e9e\"}]},{\"featureType\": \"road\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#ffffff\"}]},{\"featureType\": \"road.arterial\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#757575\"}]},{\"featureType\": \"road.highway\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#dadada\"}]},{\"featureType\": \"road.highway\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#616161\"}]},{\"featureType\": \"road.local\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#9e9e9e\"}]},{\"featureType\": \"transit.line\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#e5e5e5\"}]},{\"featureType\": \"transit.station\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#eeeeee\"}]},{\"featureType\": \"water\",\"elementType\": \"geometry\",\"stylers\": [{\"color\": \"#c9c9c9\"}]},{\"featureType\": \"water\",\"elementType\": \"labels.text.fill\",\"stylers\": [{\"color\": \"#9e9e9e\"}]}]"
//YOUR JSON FOR STYLE

override func viewDidLoad() {
    super.viewDidLoad()
    do {
        viewMap.mapStyle = try GMSMapStyle(jsonString: kMapStyle)
    } catch {
        NSLog("One or more of the map styles failed to load. \(error)")
    }
}

请告诉我这是否有帮助，或者您在实施过程中遇到任何其他问题。