Нужно вывести на одной странице несколько карт гуугл

Name: Нужно вывести на одной странице несколько карт гуугл
Price: 100 UAH
Availability: InStock

Java, Javascript и Typescript, Веб-программирование — неверно указаны категории?

100 UAH

Отзыв заказчика о сотрудничестве с Денисом Лошкарьовым

Нужно вывести на одной странице несколько карт гуугл

100 UAH

Всё Ок, карта робит )))) .

5.0

Евгений Волошин

30 апреля 2017

Нужно вывести на одной странице несколько карт гуугл , для каждой карты должен быть отдельный скрипт вызова , так как карта с определённым id может быть ,а может и нет , в зависимости от условий

Вот так вот показывает две карты , но на одной нет маркера

<div style=" width: 100%; height: 300px;" id="map_canvas"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDON6VJZwcOGo5sibtWb7U3LcisXhHTfb8&callback=initMap" async defer></script>
<script>
var map;
function initMap(){
var myLatlng = new google.maps.LatLng(12.574366, 105.989736);
var mapOptions = {
zoom: 14,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var marker = new google.maps.Marker({
position: myLatlng,
});

// To add the marker to the map, call setMap();
marker.setMap(map);
}

</script>

<div style=" width: 100%; height: 300px;" id="map_canvas1"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDON6VJZwcOGo5sibtWb7U3LcisXhHTfb8&callback=initMap1" async defer></script>
<script>

var map1;
function initMap1(){
var myLatlng1 = new google.maps.LatLng(12.564366, 104.989736);
var mapOptions1 = {
zoom: 14,
center: myLatlng1
}
var map1 = new google.maps.Map(document.getElementById("map_canvas1"), mapOptions1);

var marker = new google.maps.Marker({
position: myLatlng1,
});

// To add the marker to the map, call setMap();
marker.setMap(map1);
}

</script>