Google Maps inner & outer polygon

Polygon with inner & outer outline

by Daan De Smedt

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
  </head>
  <body>
    <div id="map"></div>
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&libraries=&v=weekly"
      async
    ></script>
  </body>
</html>

CSS

#map {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

let map;
let infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    zoom: 18,
    center: {
      lat: 51.026178105576314,
      lng: 4.008461078403395
    },
    mapTypeId: "terrain",
  });

  const nestedPolygon = [
    [{
        "lat": 51.0266048526774,
        "lng": 4.009238606543763
      },
      {
        "lat": 51.02646490091461,
        "lng": 4.009229729688638
      },
      {
        "lat": 51.02640726850358,
        "lng": 4.009249643715342
      },
      {
        "lat": 51.02636813017748,
        "lng": 4.009296652495241
      },
      {
        "lat": 51.02633892166054,
        "lng": 4.009378622818698
      },
      {
        "lat": 51.0263392358639,
        "lng": 4.00948177641638
      },
      {
        "lat": 51.02603226048297,
        "lng": 4.009500256831187
      },
      {
        "lat": 51.02603126543214,
        "lng": 4.0091736667329
      },
      {
        "lat": 51.02575294173748,
        "lng": 4.0091779037300865
      },
      {
        "lat": 51.025755030753814,
        "lng": 4.00894292387404
      },
      {
        "lat": 51.02575866449698,
        "lng": 4.00871205576248
      },
      {
        "lat": 51.02575886977942,
        "lng": 4.008657681652041
      },
      {
        "lat": 51.025759233288866,
        "lng": 4.008561809245642
      },
      {
        "lat": 51.02575960068625,
        "lng": 4.008314809490971
      },
      {
        "lat": 51.02575961253243,
        "lng": 4.0083060361874425
      },
      {
        "lat": 51.02575791076315,
        "lng": 4.007999286159179
      },
      {
        "lat": 51.02575757237048,
        "lng": 4.00798387042833
      },
      {
        "lat": 51.02575597649965,
        "lng": 4.007911179782627
      },
      {
        "lat": 51.02575224781661,
        "lng": 4.007741367353628
      },
      {
        "lat": 51.025762442168535,
        "lng": 4.007740708780245
      },
      {
        "lat": 51.02592163776658,
        "lng":...