google map with ajax
<div id="map_canvas" style="width=500px"></div>
<div id="debug"></div>
<script><div id="debug"></div>
var gMapsLoaded = false;
window.gMapsCallback = function(){
gMapsLoaded = true;
$(window).trigger(' gMapsLoaded');
}
window.loadGoogleMaps = function(){
if(gMapsLoaded) return window.gMapsCallback();
var script_tag = document.createElement(' script');
script_tag.setAttribute("type" ,"text/javascript");
script_tag.setAttribute("src", "http://maps.google.com/maps/ api/js?sensor=false&callback= gMapsCallback");
(document. getElementsByTagName("head")[ 0] || document.documentElement). appendChild(script_tag);
}
$(document).ready(function(){
function initialize(){
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(47.3239, 5.0428),
mapTypeId: google.maps.MapTypeId.ROADMAP} ;
map = new google.maps.Map(document. getElementById('map_canvas'), mapOptions);
}
$(window).bind('gMapsLoaded', initialize);
window.loadGoogleMaps();
});
</script>window.gMapsCallback = function(){
gMapsLoaded = true;
$(window).trigger('
}
window.loadGoogleMaps = function(){
if(gMapsLoaded) return window.gMapsCallback();
var script_tag = document.createElement('
script_tag.setAttribute("type"
script_tag.setAttribute("src",
(document.
}
$(document).ready(function(){
function initialize(){
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(47.3239, 5.0428),
mapTypeId: google.maps.MapTypeId.ROADMAP}
map = new google.maps.Map(document.
}
$(window).bind('gMapsLoaded', initialize);
window.loadGoogleMaps();
});
Comments
Post a Comment