Google map с пользовательским изображением

-1

Можете ли вы помочь мне реализовать карту google с помощью специального указателя изображения? Я нашел этот образец кода на google devev site Я скопировал его на страницу, но карта не видна. Можешь мне сказать почему?Google map с пользовательским изображением

function initializeMap() { 
 

 
    var newark = new google.maps.LatLng(40.740, -74.18); 
 
    var imageBounds = new google.maps.LatLngBounds(
 
     new google.maps.LatLng(40.712216, -74.22655), 
 
     new google.maps.LatLng(40.773941, -74.12544)); 
 

 
    var mapOptions = { 
 
    zoom: 13, 
 
    center: newark 
 
    }; 
 

 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
 

 
    historicalOverlay = new google.maps.GroundOverlay(
 
     'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', 
 
     imageBounds); 
 
    historicalOverlay.setMap(map); 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', initializeMap);

.row { 
 
\t height:300px; 
 
\t width:100%; 
 
\t border:1px solid red; 
 
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&test=.js"></script> 
 
<div class="container-fluid oH"> 
 
\t <div class="row"> 
 
\t \t <div class="col-xs-12 w100P" id="map-canvas"> 
 
\t \t \t <div id="mapa"></div> 
 
\t \t \t <div id="map_bg"> </div> 
 
\t \t </div> \t 
 
\t </div> 
 
</div>

jsfiddle

источник

2015-04-10 Čamo

Почему arent u использует любую ссылку на Google Maps api ?? –

Пожалуйста, убедитесь, что вы добавили соответствующий код в свой вопрос, таким образом, вопрос будет по-прежнему полезен, даже если ссылки истекают. –

Souce был добавлен к ресурсам, но что-то не так. Я прошу прощения. Спасибо за обновление. –

Карта не видно, потому что вы не установили CSS для отображения холста

#map-canvas { 
    height:300px; 
    width:100%; 
}

и никакой карты апи также не видит здесь я добавил это https://jsfiddle.net/L2x5kfeb/1/

источник

2015-04-10 05:53:34 Nitin

Большое спасибо! –

@ Čamo Если ответ Нитина помог вам не забыть отметить его как принятый ответ. :) –

Google map с пользовательским изображением

ответ

Смежные вопросы