Saan alla olevalla koodilla klikkauspisteen koordinaatit alert-ikkunaan, mutta en osaa soveltaa koodia siten että alertin sijaan avautuisi pieni info-ikkuna jossa olisi linkki tyyliin sivu2.php?lat=xx.xxxx&lon=yy.yyyy. Klikatessa karttaa pitäisi siihen tulla myös näkymään marker. Osaisiko joku neuvoa?
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> window.onload = function () { var mapOptions = { center: new google.maps.LatLng(60.9900, 28.4200), zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP }; var infoWindow = new google.maps.InfoWindow(); var latlngbounds = new google.maps.LatLngBounds(); var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); google.maps.event.addListener(map, 'click', function (e) { alert("Latitude: " + e.latLng.lat() + "\r\nLongitude: " + e.latLng.lng()); }); } </script> <div id="dvMap" style="width: 800px; height: 600px"> </div>
Jos et osaa Google Mapsin omaa InfoWindowta käyttää (taitaa vaatia aina markerin), niin onko info-ikkunan pakko olla kartan päällä? Eli etkö voisi jollain jQueryllä (tms.) luoda vaan html-sisällön ennaltamäärätyyn elementtiin?
Toteutustapa on vielä hakusessa, tuo oli löytämistäni koodiesimerkeistä lähin joka vastasi tavoitettani. Tarkoitus olisi että kun sijaintia klikkaa, siihen tulisi markkeri. Siitä heti näkisi osuiko se oikeaan kohtaan. Jos ei, sitä voisi siirtää tai laittaa uuden markkerin ja jos osui, linkistä pääsee eteenpäin.
Mielelläni otan vastaan hyvistä ideoista ja esimerkeistä joista voisin lähteä ratkaisua rakentamaan.
Tutkailepa tämän sivun lähdekoodia, Googlaamalla löytyi
http://www.geocodezip.com/
Loistavaa, kiitos! Tuolla pääsen eteenpäin.
Aihe on jo aika vanha, joten et voi enää vastata siihen.