Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

iOS Cloud based Dark style still shows default point of interest even I turn them off on Google Map Style Dashboard

Offen
  • Stimmt etwas nicht?
#5,890 5 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
55/100
Issue-Typ
Bug
Klarheit
Klar beschrieben
Aktivitätsstatus
Ruhig
Tech-Stack
ios, react-native, typescript
Bereich
mobile

Rechercherichtung

Start with the reproducible TSX sample and compare the iOS Google Maps behavior in dark and light modes using the same googleMapId and visibility props. Trace how googleMapId, userInterfaceStyle, and showsPointsOfInterests are handled on iOS, then verify that cloud styling hides points of interest in dark mode as it does in light mode.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

bug
Summary

I see an issue on iOS that if I use cloud based style and use userInterfaceStyle='dark' , I will see other default point of interest, buildings, ... will show on the map even though I turn them all off on the Google Map DashBoard.
The weird thing here is for the light mode, it's still working as expected.

On Android it's working for both dark and light mode, it doesn't show point of interest.

Reproducible sample code
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import { StatusBar, StyleSheet, useColorScheme, View } from 'react-native';
import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';
import { SafeAreaProvider } from 'react-native-safe-area-context';

function App() {
  const isDarkMode = useColorScheme() === 'dark';

  return (
    <SafeAreaProvider>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
      <AppContent />
    </SafeAreaProvider>
  );
}

export const DEFAULT_LAT = 40.75277915512556;
export const DEFAULT_LON = -73.97721473197156;

function AppContent() {
  return (
    <View style={styles.container}>
      <MapView
        provider={PROVIDER_GOOGLE} // remove if not using Google Maps
        paddingAdjustmentBehavior="never"
        googleMapId="<google-map-id-here>"
        style={[styles.map]}
        rotateEnabled={false}
        pitchEnabled={false}
        toolbarEnabled={false}
        showsBuildings={false}
        showsIndoors={false}
        showsPointsOfInterests={false}
        showsIndoorLevelPicker={false}
        showsCompass={false}
        showsScale={false}
        showsTraffic={false}
        showsUserLocation={true}
        showsMyLocationButton={false}
        moveOnMarkerPress={false}
        userInterfaceStyle="dark"
        camera={{
          zoom: 16,
          center: {
            latitude: DEFAULT_LAT,
            longitude: DEFAULT_LON,
          },
          heading: 0,
          pitch: 0,
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  map: {
    ...StyleSheet.absoluteFill,
  },
});
export default App;
Steps to reproduce
  1. Create a map id and select iOS type
  2. Create a custom style on Google Management and turn off all point of interest
  3. Copy the googleMapId and use in app
  4. Set 'dark' for userInterfaceStyle
  5. Observe the result.
Expected result

Should hide all the default point of interest on the map like Light mode:

Image
Actual result

It's showing all default point of interests.
Image

React Native Maps Version

1.27.2

What platforms are you seeing the problem on?

iOS (Google Maps)

React Native Version

0.84.1

What version of Expo are you using?

Not using Expo

Device(s)

iOS devices

Additional information

Please let me know if I can provide any further informations

Vorherrschende Sprache
TypeScript
Sterne
16k
Forks
5k
Ø Merge
1 T. 4 Std.
Gemergte PRs (30 T.)
4

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus react-native-maps/react-native-maps

Alle Issues in react-native-maps/react-native-maps

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.