Y32

let labels = [‘1′,’2′,’3′,’4′,’5′,’6′,’7′,’8′,’9′,’10’,’11’,’12’]; var labelIndex = 0; (function() { let fn =　[]; var mapData = { pos: { lat: 35.689488, lng: 139.691706 }, zoom: 14 }; var markerData = [{ pos: { lat: 35.688617, lng: 139.286913 }, title: “場所1”, icon: “https://taiken.net/img/map-pin2.png”, infoWindowOpen: false, infoWindowContent: `

場所1

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.689524, lng: 139.730046 }, title: “場所2”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所2

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.683624, lng: 139.703046 }, title: “場所3”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所3

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.689524, lng: 139.700446 }, title: “場所4”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所4

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.684524, lng: 139.700146 }, title: “場所5”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所5

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所6”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所6

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所7”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所7

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所8”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所8

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所9”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所9

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所10”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所10

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所11”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所11

テストテストテストテストテストテストテスト ` }, { pos: { lat: 35.685524, lng: 139.700246 }, title: “場所12”, icon: “https://taiken.net/img/map-pin3.png”, infoWindowOpen: false, infoWindowContent: `

場所12

テストテストテストテストテストテストテスト ` }, ]; var map = new google.maps.Map(document.getElementById(‘map’), { center: mapData.pos, zoom: mapData.zoom }); var infoWindow = new google.maps.InfoWindow(); for (var i = 0; i < markerData.length; i++) { (function() { var marker = new google.maps.Marker({ position: markerData[i].pos, title: markerData[i].title, label: { text: labels[labelIndex++ % labels.length], color: ‘#fffff’, fontFamily: ‘Helvetica Bold,Helvetica Neue, Helvetica, Arial, sans-serif’, fontWeight: ‘bold’, fontSize: ’11px’ }, icon: { url: markerData[i].icon, scaledSize: new google.maps.Size(32, 32), labelOrigin: new google.maps.Point(16, 14) }, map: map }); if (markerData[i].infoWindowContent) { var infoWindowContent = markerData[i].infoWindowContent; var _fn = function() { infoWindow.setContent(infoWindowContent); infoWindow.open(map, marker); console.log(12); }; marker.addListener(‘click’,_fn ); if (markerData[i].infoWindowOpen) { _fn(); } fn.push(_fn); } }()); } }());