Google Mapsでユーザビリティを損なわないためにやっておきたい事

<div class="map-embed">
<div id="map-canvas">google maps</div>
<div class="map-link"><a class="button-1" href="https://www.google.co.jp/maps/?ll=35.443308,139.640083&z=17&q=横浜スタジアム" target="_blank">Google マップで見る</a></div>
</div>

.gmap-embed {
  height: 500px;
  width: 100%;
}

#gmap-canvas {
  height: 100%;
  width: 100%;
}

.gmap-link {
  display: none;
}

@media screen and (max-width: 568px) {
  .gmap-embed {
    display: none;
  }
  
  .gmap-link {
    display: block;
  }
}

var MY_MAPTYPE_ID = 'Blue Map';//地図の名前を指定する

var gmapsOptions = {
  
  mapElemId: 'gmap-canvas',//表示させる要素を指定する
  center: new google.maps.LatLng(35.443308, 139.640083),//緯度と経度を指定する
  zoom: 17,//縮尺を指定する
  scaleControl: true,//スケールコントロールの表示と非表示を指定する
  scrollwheel: false,//マウスホイール操作による縮尺の変更を許可するかの設定をする
  
  mapTypeControlOptions: {
    
    mapTypeIds: google.maps.MapTypeId.ROADMAP//マップタイプコントロールを表示させない場合の指定
  },
  
  mapTypeId: MY_MAPTYPE_ID,
  
  mapStyle: {//地図のスタイルを指定する
    
    name: {name: MY_MAPTYPE_ID},
    
    style: [
      
      {'stylers':
      
        [
          {'hue': '#263FDB'},
          {'saturation': -70}
        ],
        
        'elementType': 'all',
        'featureType': 'all'
      }
    ]
  },
  
  infoWindowText: '<span><span style="font-size: 1.5em;"><a href="http://www.yokohama-stadium.co.jp/" target="_blank">横浜スタジアム</a></span><br>収容能力 30,039人<br>内野：22,321席　外野：5,365席　立ち見：2,353人</span>'//マーカーをクリックした時に表示される情報を指定する
};
 
google.maps.event.addDomListener(window, 'load', function(){
  
  var mapdiv = document.getElementById(gmapsOptions.mapElemId);
  
  if(!mapdiv) return;
  
  var map = new google.maps.Map(mapdiv, gmapsOptions);
  var customMapType = new google.maps.StyledMapType(gmapsOptions.mapStyle.style, gmapsOptions.mapStyle.name);
  
  map.mapTypes.set(gmapsOptions.mapTypeId, customMapType);
  
  var marker = new google.maps.Marker({
    
    position: gmapsOptions.center,
    map: map
  });
  
  var infoWindow = new google.maps.InfoWindow({
    
    content: gmapsOptions.infoWindowText
  });
  
  google.maps.event.addListener(marker, 'click', function() {
    
    infoWindow.open(map, marker);
  });
  
  google.maps.event.addDomListener(window, 'resize', function(){
    
    map.panTo(gmapsOptions.center);
  });
});