react-native-maps中的自定义标签样式

时间:2018-08-25 12:02:06

标签: google-maps react-native react-native-maps

我正在尝试添加州标签,也许还会在地图上添加更多信息。我正在使用react-native-maps。正在从 GeoJson 加载地图数据,并缩小地图以获取坐标以馈入Polygon。目前,我有以下内容:

            <MapView
            ref = {(mapView) => { _mapView = mapView }}
            mapType="none"
            provider={PROVIDER_GOOGLE}
            customMapStyle={mapStyles}
            style={styles.map}>
            <MapView.Polygon
              key={overlay.id}
              tappable={true}
              coordinates={overlay.coordinates}
              holes={overlay.holes}
              strokeColor={props.strokeColor}
              fillColor={props.fillColor}
              strokeWidth={props.strokeWidth}
              onPress={props.onPress}
          />
        </MapView>

What I have achieved enter image description here

上面的左图显示了我所取得的成就。如何在左侧的图层/样式上添加图层/样式以显示位置/状态标签,如右侧的图像所示?还是一种修整右侧图像以仅显示突出显示的地图的方法?我尝试了多种样式组合,但没有被采用。我可以使用 mapType =“ standard” 来实现,但在我的用例中,我使用的是来自GeoJson的自定义数据。我将对此表示感谢。

0 个答案:

没有答案