GoogleMapにマーカーを表示させる

2019年1月20日

Markerを使うと地図上にマーカーを配置することができる

サンプルコード

<script>
function initMap() {
// 東京の軽度緯度
var tokyo = {lat:35.681167, lng:139.767052};

var map = new google.maps.Map(document.getElementById('map'),{
  center: tokyo, // 地図位置を東京に指定
  zoom: 15 // 地図のズームを指定
});
// Markerのインスタンス作成
var marker = new google.maps.Marker({
  position: tokyo,
  map: map,
  title: "東京"
});
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=[APIキー]&callback=initMap" async defer></script>

<div id="map"></div>

参考

Google Maps Platform Marker

Google, GoogleMap

Posted by himari