2

Как инициализировать две карты на одной странице?

1
  • Это русский SO, тут можно по-русски вопросы задавать. Ваш я перевел, не благодарите. Commented 28 июл. 2015 в 11:33

1 ответ 1

3

Если речь идет о 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>

   

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.