Как инициализировать две карты на одной странице?
1 ответ
Если речь идет о Google Map API V3
, то вот как-то так:
var map,map2;
var myOptions = {
zoom: 6,
center: new google.maps.LatLng(51, -1),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var myOptions2 = {
zoom: 4,
center: new google.maps.LatLng(53, -2),
mapTypeId: google.maps.MapTypeId.SATELLITE
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
map2 = new google.maps.Map(document.getElementById("map_canvas2"),
myOptions2);
.karta {
border: 1px solid red;
width: 300px;
height:300px;
}
<div id="map_canvas" class="karta"></div>
<div id="map_canvas2" class="karta"></div>
<script src="http://maps.googleapis.com/maps/api/js"></script>