Buona sera,
avevo aperto una discussione simile in area PHP ma mi rendo conto ora che è una tematica prettamente di JS.
Ho creato una piccola pagina web che permette, al cliccare in un'area della mappa, di creare un marker e contemporaneamente viene aperto un tooltip con un form all'interno.
Uno dei problemi che sto riscontrando è l'impossibilità di passare le coordinate corrispondenti a dove si trova il marker (e non dove è centrata la mappa) a un campo di tale form.
Vi posto un pezzo del codice JS, sperando che qualcuno possa aiutarmi:
codice:
<script type="text/javascript">
var map;
var markersArray = [];
var coordinate;
var coordTest;
function initialize() {
var latlng = new google.maps.LatLng(41.895466,12.482324);
var mapOptions =
{
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("mappa"),
mapOptions);
// creo la finestrella che si aprirÃ_ sul marker
var tooltip = '<div id="tooltip">'+
'<form id="addMarker" method="post" action="insertPage.php">'+
'<label for="nome">Nome Punto</label>
'+
'<input type="text" id="nome">
'+
'<label for="descrizione">Descrizione</label>
'+
'<textarea id="descrizione" cols="25" rows="5"></textarea>
'+
'<label for="coord">Coordinate</label>
'+
'<input type="text" id="coord" name="coord" value="'+map.getPosition().toString()+'">
'+
'<input type="submit" value="Inserisci">'+
'</form>'+
'</div>';
var infowindow = new google.maps.InfoWindow(
{
content: tooltip,
//position: infowindow.getPosition()
});
google.maps.event.addListener(map, 'click', function(event)
{
coordinate = event.latLng;
//addMarker(event.latLng);
addMarker(coordinate);
//document.getElementById('coord').value = "test";
infowindow.open(map,marker);
//infowindow.getPosition();
});
}
function addMarker(location) {
marker = new google.maps.Marker({
position: location,
map: map,
title: 'Questo è un titolo'
});
markersArray.push(marker);
}
Vi ringrazio già da ora.