|
|
|
@ -0,0 +1,89 @@ |
|
|
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
var geocoder = new google.maps.Geocoder(); |
|
|
|
var map; |
|
|
|
var gmarkers = []; |
|
|
|
var infowindow; |
|
|
|
var directions = new google.maps.DirectionsRenderer(); |
|
|
|
var directionsService = new google.maps.DirectionsService(); |
|
|
|
var current_lat = 0; |
|
|
|
var current_lng = 0; |
|
|
|
function getCurrentLat() { |
|
|
|
return current_lat; |
|
|
|
} |
|
|
|
function getCurrentLng() { |
|
|
|
return current_lng; |
|
|
|
} |
|
|
|
function addMarker(latlng,title,content,category,icon) { |
|
|
|
var marker = new google.maps.Marker({ |
|
|
|
map: map, |
|
|
|
title : title, |
|
|
|
icon: new google.maps.MarkerImage(icon, new google.maps.Size(57,34)), |
|
|
|
position: latlng |
|
|
|
}); |
|
|
|
var html = '<div style="float:left;text-align:left;width:250;">'+content+'</div>' |
|
|
|
google.maps.event.addListener(marker, "click", function() { |
|
|
|
if (infowindow) infowindow.close(); |
|
|
|
infowindow = new google.maps.InfoWindow({content: html}); |
|
|
|
infowindow.open(map,marker); |
|
|
|
map.setCenter(new google.maps.LatLng(latlng.lat(),latlng.lng()),3); |
|
|
|
}); |
|
|
|
marker.mycategory = category; |
|
|
|
gmarkers.push(marker); |
|
|
|
} |
|
|
|
function geocodeMarker(address,title,content,category,icon) { |
|
|
|
if (geocoder) { |
|
|
|
geocoder.geocode( { "address" : address}, function(results, status) { |
|
|
|
if (status == google.maps.GeocoderStatus.OK) { |
|
|
|
var latlng = results[0].geometry.location; |
|
|
|
addMarker(results[0].geometry.location,title,content,category,icon) |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
function geocodeCenter(address) { |
|
|
|
if (geocoder) { |
|
|
|
geocoder.geocode( { "address": address}, function(results, status) { |
|
|
|
if (status == google.maps.GeocoderStatus.OK) { |
|
|
|
map.setCenter(results[0].geometry.location); |
|
|
|
} else { |
|
|
|
alert("Geocode was not successful for the following reason: " + status); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
function initialize() { |
|
|
|
var myLatlng = new google.maps.LatLng(48.8792,2.34778); |
|
|
|
var myOptions = { |
|
|
|
zoom: 11, |
|
|
|
center: myLatlng, |
|
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP |
|
|
|
} |
|
|
|
map = new google.maps.Map(document.getElementById("mymap"), myOptions); |
|
|
|
geocodeCenter("Paris France"); |
|
|
|
google.maps.event.addListener(map,"click",function(event) { if (event) { current_lat=event.latLng.lat();current_lng=event.latLng.lng(); }}) ; |
|
|
|
directions.setMap(map); |
|
|
|
directions.setPanel(document.getElementById("route")) |
|
|
|
} |
|
|
|
initialize(); |
|
|
|
$('#menu-bar').append($('#myAdress')); |
|
|
|
$('#map').css({'visibility':'hidden'}); |
|
|
|
$('#gmapLink').fancybox({ |
|
|
|
'transitionIn': 'elastic', |
|
|
|
'transitionOut': 'elastic', |
|
|
|
'onClosed': function(){$('#map').css({'visibility':'hidden'});}, |
|
|
|
'onStart': function(){$('#map').css({'visibility':'visible'});} |
|
|
|
}); |
|
|
|
$('#myAdressField').keydown(function(e){ |
|
|
|
var code = (e.keyCode ? e.keyCode : e.which); |
|
|
|
if(code == 13) { |
|
|
|
e.preventDefault(); |
|
|
|
var adress = $(this).val(); |
|
|
|
geocodeMarker(adress,adress,adress,'','http://maps.gstatic.com/intl/fr_ALL/mapfiles/markers/marker_sprite.png'); |
|
|
|
geocodeCenter(adress); |
|
|
|
$('#gmapLink').trigger('click'); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
Chouchen
11 years ago
