Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Koordinaatit Google Mapsista

pekkahan [23.12.2015 12:12:36]

#

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>

Lebe80 [23.12.2015 12:40:50]

#

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?

pekkahan [23.12.2015 12:57:53]

#

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.

Lebe80 [23.12.2015 13:25:39]

#

Tutkailepa tämän sivun lähdekoodia, Googlaamalla löytyi

http://www.geocodezip.com/v3_example_click2add_infowindow.html

pekkahan [27.12.2015 20:26:19]

#

Loistavaa, kiitos! Tuolla pääsen eteenpäin.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta