JQuery: как я могу загрузить API Карт Google через AJAX?
Прежде чем ответить: это не так просто, как вы ожидаете!
У меня есть кнопка «Показать на карте», которая при нажатии открывает диалоговое окно / лайтбокс с картой Google в.Я не хочу загружать API карты при загрузке страницы, только когда карта была запрошенаЭто php-файл, который кнопка «показать на карте» помещает в диалоговое окно:
<div id="map_canvas"></div>
<script type="text/javascript">
$(function() {
//google maps stuff
var latlng = new google.maps.LatLng(<?php echo $coords ?>);
var options = {
zoom: 14,
center: latlng,
mapTypeControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), options);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $coords ?>),
map: map
});
})
</script>
Я пытался загрузить API, прежде чем ajaxing в диалоге, как это:
$('img.map').click(function(){
var rel = $(this).attr('rel');
$.getScript('http://maps.google.com/maps/api/js?sensor=false', function(){
$.fn.colorbox({
href:rel
})
});
})
это не похоже на работу :(
я также пробовал:
добавление<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
в файл AJAXtype = "text / javascript" работает$.getScript('http://maps.google.com/maps/api/js?sensor=false');
на док. ужеэта проблема браузер, кажется, перенаправлен в файл api.js - вы видите белый экран