zw-1988.com

自定义你的地图
https://developers.google.com/maps/documentation/javascript/

<script>
        function initMap() {
            var icon = new google.maps.MarkerImage('<?php bloginfo('template_url');?>/images/icon_map.png',
                new google.maps.Size(60, 60),
                new google.maps.Point(0, 0),
                new google.maps.Point(30, 60)
            );

            latlng = new google.maps.LatLng(35.662694, 139.709196);
            var myOptions = {
                zoom: 16,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map1 = new google.maps.Map(document.getElementById('map1'), myOptions);
          
            var markerOptions1 = {
                position: latlng,
                map: map1,
                icon: icon,
                title: 'フィコ アンド ポムム',
                draggable: false
            };
            var marker1 = new google.maps.Marker(markerOptions1);
            
            /**/
 

            latlng2 = new google.maps.LatLng(35.681235, 139.763995);
            var myOptions2 = {
                zoom: 16,
                center: latlng2,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map2 = new google.maps.Map(document.getElementById('map2'), myOptions2);
          
            var markerOptions2 = {
                position: latlng2,
                map: map2,
                icon: icon,
                title: 'フィコ アンド ポムム',
                draggable: false
            };
            var marker2 = new google.maps.Marker(markerOptions2);
            
            /**/
        
            latlng3 = new google.maps.LatLng(35.662694, 139.709196);
            var myOptions3 = {
                zoom: 16,
                center: latlng3,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map3 = new google.maps.Map(document.getElementById('map3'), myOptions3);
          
            var markerOptions3 = {
                position: latlng3,
                map: map3,
                icon: icon,
                title: 'フィコ アンド ポムム',
                draggable: false
            };
            var marker3 = new google.maps.Marker(markerOptions3);
            
            /**/
 

            latlng4 = new google.maps.LatLng(35.681235, 139.763995);
            var myOptions4 = {
                zoom: 16,
                center: latlng4,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map4 = new google.maps.Map(document.getElementById('map4'), myOptions4);
          
            var markerOptions4 = {
                position: latlng4,
                map: map4,
                icon: icon,
                title: 'フィコ アンド ポムム',
                draggable: false
            };
            var marker4 = new google.maps.Marker(markerOptions4);
            
        }

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