сделать карту Google в другом идентификаторе - PullRequest
Новая
       42

сделать карту Google в другом идентификаторе

0 голосов
/ 30 апреля 2020

Можно ли отобразить карту Google в другом идентификаторе? Я имею в виду что-то вроде этого: 

myMap = new google.maps.Map(document.getElementById(‘id1’), mapOpt);


renderGoogleMap(myMap, ’id2’)

============ Самый простой код, который я могу представить, основан на коде учебника Google, где я добавил новую функцию (renderMap ( )) который срабатывает после рендеринга с карты на 1-й ID. Я хочу визуализировать карту, хранящуюся в переменной gmap с идентификатором map1. 

<!DOCTYPE html>
<html>
    <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
        <meta charset="utf-8">
        <style>
            #map {
                width: 360px;
                height: 240px;
                background-color: grey;
            }
            #map1 {
                width: 360px;
                height: 240px;
                background-color: grey;
            }
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div id="map"></div>
        <div id="map1"></div>
        <script>
            var gmap;
            function renderMap() {
            // renderGoogleMap(gmap, ’map1’)
            }
            function initMap() {
                gmap = new google.maps.Map(document.getElementById('map'), {
                center: {lat: -34.397, lng: 150.644},
                zoom: 8
            });
        renderMap();
        }
        </script>
        <script src="https://maps.googleapis.com/maps/api/js?key=myKey&callback=initMap"
                    async defer></script>
    </body>
</html>
...