Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Współrzędne w polach input
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
smarcz
Jak do tego kodu dodać jeszcze element, który w momencie korekcji punktu na mapie wstawi mi te same dane co w linkach do pól input. Wygenerowałem raz pola, ale wartości są statyczne mimo przesuwania punktu na mapie. Dziękuję

  1. <!-- <![CDATA[
  2.  
  3. var map;
  4. var marker;
  5. var j=0;
  6. function pokaz(lat, lng, element) {
  7. map.setCenter(new GLatLng(lat, lng), 15);
  8. marker = new GMarker(new GLatLng(lat, lng), {draggable: true});
  9. map.clearOverlays();
  10. map.addOverlay(marker);
  11. GEvent.addListener(marker, "dragend", function() {
  12. document.getElementById(element).innerHTML = "("+marker.getLatLng().lat().toFixed(4)+","+marker.getLatLng().lng().toFixed(4)+")";
  13. });
  14. }
  15.  
  16. function load() {
  17.  
  18. if (GBrowserIsCompatible()) {
  19. map = new GMap2(document.getElementById("map"));
  20. map.setCenter(new GLatLng(52.24281, 21.00247), 15);
  21. map.addControl(new GLargeMapControl());
  22. map.addControl(new GMapTypeControl());
  23.  
  24. function punkt(adres, info) {
  25. return new GClientGeocoder().getLatLng(adres, function(gps) {
  26. var lat = gps.lat().toFixed(4);
  27. var lng = gps.lng().toFixed(4);
  28. j++;
  29. document.getElementById("dane").innerHTML += "<br /><a id='c"+j+"' href='javascript:pokaz("+lat+","+lng+", \"c"+j+"\")'>("+lat+","+lng+")</a> - "+info+" - "+adres;
  30. });
  31. }
  32.  
  33. var dane = new Array(
  34. new Array("Łużycka 57, kraków", "Pałac Biskupów Krakowskich"),
  35. new Array("krzęcin", "Pałacyk Bogusławskiego"),
  36. new Array("Witosa 7, kraków", "Pałac Borchów")
  37. )
  38.  
  39. for(var i=0; i<dane.length; i++) punkt(dane[i][0], dane[i][1]);
  40.  
  41.  
  42. }
  43. }
  44. // ]]> -->
Rafal Filipek
Aby wychwycić zmianę położenia markera trzeba dodać mu event :
Kod
google.maps.Event.addListener(marker, "dragend", function() {
    alert(marker.getLatLng().lat());
    alert(marker.getLatLng().lng());
});
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.