title: Clickable countries using Google Maps API
body: <p>I have just started dabbling in Google Maps API, but I am already stuck. I am looking for a way to recreate <a href="https://makeaclickablemap.com/maps">this</a> type of map with google maps. I would need to remove all labels, get a blank background (I tried using a map style, but that didn't work for me, code example below) and light up the countries as I hover over them.</p>
  
  <p>Are there any tutorials that I seem to have missed in my search that could help me or can anyone point me in the right direction? :)</p>
  
  <pre><code>var _mapstyle = [
    {
      featureType: "all",
      elementType: "labels",
      stylers: [
        { visibility: "off" }
      ]
    }
  ];
  
  function create_map()
  {
      _map = new google.maps.Map(document.getElementById("eyewebz-map"), 
      {
          zoom: 2,
          center: new google.maps.LatLng(20, 0), 
          navigationControl: true,
          navigationControlOptions: {
              style: google.maps.NavigationControlStyle.DEFAULT
          },
          mapTypeControl: true,
          mapTypeControlOptions: {
              style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
          },
          scaleControl: true, 
          mapTypeIds: ['_mapstyle']
      });
  
      _display.setMap(_map);
      _display.setPanel(document.getElementById("NavigationText"));
  }
  </code></pre>
  
  <p><strong>EDIT</strong>
  This is what the map would be used for: I have traveled a bit in my life and expect to do a lot more of it. Since my first big trip, I have been keeping a blog. I have now developed a new blog and I would like to make the countries that I've been to clickable and follow a url once they have been clicked. The ideal situation would be that when I click a country, it takes me to a page where only that specific country is shown in a map with some markers (places to visit). Once you click those markers, it should show a specific post/some information.</p>