У мене є проект codeigniter, який верхній, нижній колонтитулзавантаження при виклику контролера. Отже, після завантаження заголовка я хочу додати карту Google, щоб отримувати широту та довготу до текстових полів при натисканні на карту. Наразі я можу робити це поза codeigniter. Але я не можу зробити це всередині CI після завантаження заголовка. Я думаю, це тому, що Google використовує функцію завантаження вікна для ініціалізації карти.
<head>
<!-- Some js files loaded here when controller construct -->
</head>
<body>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(40.713956,-74.006653);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
draggable: true,
position: myLatlng,
map: map,
title: "Your location"
});
google.maps.event.addListener(map,"click",function(event) {
document.getElementById("latbox").value = event.latLng.lat();
document.getElementById("lngbox").value = event.latLng.lng();
})
google.maps.event.addListener(marker, "click", function (event) {
document.getElementById("latbox").value = this.getPosition().lat();
document.getElementById("lngbox").value = this.getPosition().lng();
});
}
google.maps.event.addDomListener(window, "load", initialize);
</script>
<div id="map_canvas" style="width:50%; height:50%"></div>
Відповіді:
0 для відповіді № 1Якщо ви використовуєте jQuery, спробуйте щось на зразок
$(document).ready(function(){
// here paste google maps code
});
Карта ініціалізується, коли DOM буде готовий