marker dinamici in mappa google

unkus_nob

Nuovo Utente
3 Giu 2010
17
0
0
Ciao a tutti, vi scrivo perchè ho problemi a passare i dati dinamici alla funzione che dovrebbe generare i marker
Codice:
var geocoder;
var map;    
var markers = [];
var marker;

function mappaLive(){
       var val1 =  document.dai.inp.value;
       var val2 =  document.dai.inp2.value;
       var location = new google.maps.LatLng(val1, val2);
       alert("Il valore inserto nel campo è: "+location);
       var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    marker.setMap(map);
 }

questo il form:
Codice:
<form id="dai" name="dai" method="GET" ">
          <input id="inp" value ="{$i.lat}">
          <input id="inp2" value="{$i.lng}"
      </form>
qualcuno mi può aiutare?
ho capito che non riconosce i dati perchè li vuole in forma numerica, ma non so come altro passarglieli!
Grazie in anticipo

Stefania:elvis:
 

f107

Utente Attivo
7 Ago 2012
203
6
18
Roma
HTML:
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  
  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  
  <style type='text/css'>
    html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
  </style>
  
</head>
<body>
  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
  function inserisci(lat,lng)
{ 
    marker = new google.maps.Marker({
        map: map,
        position: new google.maps.LatLng(lat, lng)
    });         
} 
</script>
<!-- CHECK ELEMENT ID also UPDATE CSS -->
<div id="map_canvas" style="height:100px"></div>
<form name="dati">
    <input type="text" name="lat" />
        <input type="text" name="lng" />
        <input type="button" name="invia" value="aa" onclick="inserisci(this.form.lat.value, this.form.lng.value)"  />
</form>
  


<script type='text/javascript'>//<![CDATA[ 

var map;
var mapOptions = {
    center: new google.maps.LatLng(0.0, 0.0),
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

function initialize() {
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    var markerA = new google.maps.Marker({
        map: map,
        position: new google.maps.LatLng(0, 0),
        customInfo: "Marker A"
    });
    


    var markerB = new google.maps.Marker({
        map: map,
        position: new google.maps.LatLng(-10, 0)
    });
    markerB.customInfo = "Marker B";

    var markerC = new google.maps.Marker({
        map: map,
        position: new google.maps.LatLng(-20, 0)
    });
    markerC['customInfo'] = "Marker C";

    google.maps.event.addListener(markerA, 'click', function() {
        alert(this.customInfo);
    });
    google.maps.event.addListener(markerB, 'click', function() {
        alert(this.customInfo);
    });
    google.maps.event.addListener(markerC, 'click', function() {
        alert(this.customInfo);
    });


}

google.maps.event.addDomListener(window, 'load', initialize);
//]]>  

</script>


</body>


</html>

Se ho capito bene volevi questo
 
Ultima modifica:

unkus_nob

Nuovo Utente
3 Giu 2010
17
0
0
si grazie mille!
ma senza l'evento....in ogni caso cerco di adattarlo!
Grazie mille per la risposta e la disponibilità!:fonzie:
 
Discussioni simili
Autore Titolo Forum Risposte Data
maxnegri Icon Multi Marker Personalizzate Google Maps Javascript 0
A [Javascript] Marker personalizzati su mappa leaflet Javascript 0
A [Javascript] Mostrare un marker se è vicino al risultato di ricerca con google maps Javascript 3
F Marker Gmap jQuery 0
F Aggiornare marker su mappa google con una funzione ajax richiamata al cambio di una select Ajax 2
L Overlapping marker mappa google Javascript 0
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
A Rimuovere il Marker di Google Maps Javascript 0
A Inserire Marker a Google Maps Javascript 3
felino Google Maps - Marker con la stessa latitudine e longitudine HTML e CSS 1
U [javascript] visualizzare marker su mappa di google Javascript 10
S Assegnare link ad un marker di google maps Javascript 2
R Google maps : marker e cerchio... non funziona Javascript 2
R Googlemaps marker problema di OVER_QUERY_LIMIT Javascript 1
R google maps marker Javascript 7
M info marker google maps con cicli Javascript 0
P Problema con marker della google map Javascript 0
G Java Marker Interface Java 1
M .load() problema con caricamenti dinamici di js Javascript 0
max1974 Raggruppamenti Dinamici MySQL 2
D [PHP] Select dinamici PHP 2
A [PHP] Inserimento url dinamici in pagina html PHP 3
A [Javascript] Somma di input dinamici Javascript 1
D Sono disperato: Menu select dinamici con Ajax e PHP PHP 1
D Sono disperato: Menu select dinamici con Ajax e PHP Ajax 2
V [Javascript] Funzioni su input dinamici Javascript 24
A [HTML] form con campi dinamici. HTML e CSS 1
F DIv con contenuti dinamici Ajax 8
W Server e Client (dati dinamici) PHP 1
R [OFFRO] Realizzazione siti web statici e dinamici con posizionamento su Google e Social Network Offerte e Richieste di Lavoro e/o Collaborazione 0
M meta dinamici con javascript Javascript 1
M Mandare dati dinamici tramite form html PHP 0
E [offro] realizzazione siti web statici e dinamici Offerte e Richieste di Lavoro e/o Collaborazione 2
otto9due Pulsanti condividi su social dinamici.. PHP 3
M Div dinamici con PHP jQuery 1
M [Cerco Lavoro] Realizzo Siti Web statici e dinamici Offerte e Richieste di Lavoro e/o Collaborazione 0
D commenti dinamici stile facebook PHP 4
Z Annunci Dinamici Rete di Ricerca Google AdWords 2
N inviare input dinamici senza ricaricare la pagina Javascript 4
F [RISOLTO] Input dinamici Javascript 10
C contenuti dinamici senza refresh PHP 1
C title e description dinamici ASP.NET 1
P [Cerco Lavoro] [ Retribuito] Realizzazio siti web dinamici, grafica, video, programmi Offerte e Richieste di Lavoro e/o Collaborazione 1
P Filtri order by e where 'dinamici' PHP 1
T form con select a tendina dinamici Javascript 5
T pchart e grafici dinamici PHP 8
carter Contenuti dinamici javascript [Informazioni pagina js] Javascript 3
U CODICE per una pagina con contenuti dinamici usando javascript Javascript 4
B Realizzo siti web statici e dinamici Offerte e Richieste di Lavoro e/o Collaborazione 0
A URL dinamici e date PHP 0

Discussioni simili