334
Views
3
Comments
[Google Maps Web] Advanced Google Maps Styling
Question
google-maps-web
Web icon
Forge asset by Labs

On my Map i only want to display my markers i think it could be done with these Advanced options:

I have created these JSON with this online Styling Wizard to set the Options of a Map, How can I use these settings on this Google Maps component.

My map now contains to many other POI.

2024-03-25 06-19-08
Harlin Setiadarma

Use styles:


"{
  scrollwheel: false,
  styles:
[
  {
    'elementType': 'labels',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'administrative',
    'elementType': 'geometry',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'administrative.land_parcel',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'administrative.neighborhood',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'poi',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'road',
    'elementType': 'labels.icon',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  },
  {
    'featureType': 'transit',
    'stylers': [
      {
        'visibility': 'off'
      }
    ]
  }
]
}"
2018-12-09 19-13-19
Tiago Gomes

Any update on this topic?

2018-08-04 18-19-00
André Pinho

Harlin explained most of it, here is the detail:


Step 1 - design your map style - https://mapstyle.withgoogle.com/
Step 2 - Copy the JSON
Step 3 - replace the " with ' in the JSON
Step 4 - Add Style "{styles: [  INSERT JSON HERE  ]}"
Step 5 - Add all that into the AdvancedOptions field in:



Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.