自分でプロットしたい座標を決めて表示をしていく。 今回は、 「town株式会社、東京スカイツリー、渋谷１０９」をマーカーの指定場所にした。
<body>
<div id="map"></div>
<script>
function initMap() {
var myLatLng = new Array(3);
myLatLng[0] = {lat: 35.672546, lng: 139.7741523,name:'town株式会社'};
myLatLng[1] = {lat: 35.7102602, lng: 139.8086663,name:'東京スカイツリー'};
myLatLng[2] = {lat: 35.6595709, lng: 139.6987507,name:'渋谷１０９'};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: myLatLng[0]
});
var markers = new Array(3);
for (i = 0; i < 3; i++) {
markers[i] = new google.maps.Marker({
position: myLatLng[i],
map: map,
});
//dispInfo(markers[i],myLatLng[i].name);
}
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap">
</script>
</body>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: myLatLng[0]
});
このコードは、画面のセンターをどこに指定するかというもので、myLatLng[0]をセンターにおいた。
