title: Custom Map ID Google Maps Flutter Web
body: <p>I am looking to implement a custom-styled Google Map instance in my Flutter (web) app. I have generated a custom-styled map in Google Cloud Platform and have its <code>id</code> but am unable to set the map style by <code>mapId</code> as this method is not defined in the dart API. Is there any workaround?</p>
  <p>JS:</p>
  <pre><code>map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: lat, lng: lng},
    zoom: num,
    mapId: 'MAP_ID'
  });
  </code></pre>
  <p>Dart:</p>
  <pre><code>  final mapOptions = MapOptions()
    ..zoom = num
    ..center = LatLng
    ..mapTypeControlOptions = MapTypeControlOptions
    ..mapId = 'MAP_ID'; 
    final map = GMap(Element, mapOptions);
  </code></pre>
  <p>Custom map types:</p>
  <ul>
  <li><a href="https://developers.google.com/maps/documentation/javascript/styling" rel="noreferrer">https://developers.google.com/maps/documentation/javascript/styling</a></li>
  </ul>
  <p>Package:</p>
  <ul>
  <li>I am using <code>google_maps: ^5.1.0</code> which can be found at <a href="https://pub.dev/packages/google_maps" rel="noreferrer">https://pub.dev/packages/google_maps</a>.</li>
  </ul>