JavaScript, Google maps sa markiranjem lokacijeRadim sajt u PHP-u i MySQL za oglašavanje i izdavanje smještaja (hoteli, apartmani, sobe...) na kojem će registrovani korisnici sami popunjavati forme, uplodovati slike, ..., i na google maps-u markiranjem označiti lokaciju svojih apartmana/soba... Dakle kada popune formu, potrebno mi je da na mapi korisnik sam označi lokaciju i klikom na submit vrijednost longitude i latitude "pokupim" PHP-om .
Našao sam jasvascript kod na internetu koji pokušavam da modifikujem i prilagodim ovoj potrebi ali s obzirom da nemam nimalo iskustva sa javascriptom potpuno sam se pogubio u njemu. Evo koda:
Code:
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(41,19.1);
var mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
var marker;
function placeMarker(location) {
if ( marker ) {
marker.setPosition(location);
// to display a tooltip:
marker.setTitle("Hi");
// to get the geographical position:
lat = 1;
lng = 1;
var pos = marker.getPosition();
var lat = pos.lat();
var lng = pos.lng();
} else {
marker = new google.maps.Marker({
position: location,
map: map
});
}
}
</script>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(41,19.1);
var mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
var marker;
function placeMarker(location) {
if ( marker ) {
marker.setPosition(location);
// to display a tooltip:
marker.setTitle("Hi");
// to get the geographical position:
lat = 1;
lng = 1;
var pos = marker.getPosition();
var lat = pos.lat();
var lng = pos.lng();
} else {
marker = new google.maps.Marker({
position: location,
map: map
});
}
}
</script>
Ovaj kod prikazuje mapu na koju korisnik treba da locira svoju nekretninu i označi je markerom. Vizuelno to funkcioniše i markiranje radi samo ne mogu nikako da dobijem vrijednost širine i dužine iz markera koju bih kasnije "pokupio" PHP post metodom i sačuvao je u mysql bazi podataka. Ono što su mi rekli na jednom stranom forumu jeste da treba da u gornjem kodu unesem dva "hiden fields" i apdejtujem vrijednost u "map click event", ali ne znam kako to da uradim jer ne znam ništa o javascriptu.
Unaprijed hvala svima!
[Ovu poruku je menjao piri dana 11.03.2013. u 20:44 GMT+1]
