Posiadam kod google maps gdzie chciałbym aby współrzędne Lat, Lng były wpisywane do jednego pola, jednakże problem jest następujący z integracją kodu js.


Mój kod

[PHP] pobierz, plaintext 
 
<script>
var initialLocation;
	var warsaw = new google.maps.LatLng(52, 21);
	var browserSupportFlag =  new Boolean();
	var map, marker;
 
	function initialize(lat, lng, zom, set) {
		map = new google.maps.Map(
			document.getElementById('map'),
			{ 
				panControl:true,
				zoomControl:true,
				mapTypeControl:true,
				scaleControl:true,
				streetViewControl:true,
				overviewMapControl:true,
				rotateControl:true,  
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: new google.maps.LatLng(lat, lng),
				zoom: zom	}
		);
 
		google.maps.event.addListener(map, 'click', function(event) {
			placeMarker(event.latLng);
		});
 
		google.maps.event.addListener(map, 'zoom_changed', function(mEvent) {
			if(marker) populateInputs();
		});
 
 
 
		function placeMarker(location) {
			if(typeof(marker) === 'undefined')
			{
				marker = new google.maps.Marker({
					position: location,
					map: map,
					draggable: true
				});
			}
			marker.setPosition(location); 
			var markerPosition = marker.getPosition();
			populateInputs(markerPosition);
			google.maps.event.addListener(marker, "drag", function (mEvent) {
				populateInputs(mEvent.latLng);
			});
		}
 
		function populateInputs(pos) {
			if(typeof(pos) !== 'undefined') {
				document.getElementById("lat").value = pos.lat();
				document.getElementById("lng").value = pos.lng();
			}
			document.getElementById("zoom").value = map.zoom;
		}
 
		if(set == true) {
			placeMarker(new google.maps.LatLng(lat, lng));
			map.setCenter(new google.maps.LatLng(lat, lng));
		}
 
	    $('#update').click(function(){
            var lat = $('#lat').val();
            var lng = $('#lng').val();
            placeMarker(new google.maps.LatLng(lat, lng));
        });
 
	}
</script>
 
<script type="text/javascript">
 
var lat = '15';
var zoom = '2';
var set = 'false';
initialize(lat, zoom, set);
 
</script>
 
<input type="text" name="lat" id="lat" value="">
<input type="text" name="lng" id="lng" value="">
[PHP] pobierz, plaintext 

lecz chciałbym by ostatnie pole było wyrażone w tej postaci, czyli zmienne lat,lng wpisywane w jednym input

[PHP] pobierz, plaintext 
<input type="text" name="lat_lng" id="lat_lng" value="">
[PHP] pobierz, plaintext 

sama zmiana występujących zmiennych w kodzie js "lat,lng" na jedną "lat_lng" nic nie daje, czy wie ktoś jak to zrobić?

Utwórz sobie jeden input:

[HTML] pobierz, plaintext 
<input type="text" name="lnglat" id="lnglat">
[HTML] pobierz, plaintext 

Linie od 65-67 zamień na to poniżej.

[HTML] pobierz, plaintext 
var lnglat = document.getElementById("lnglat").value.split(" ");
var lat = lnglat[0];
var lng = lnglat[1];
placeMarker(new google.maps.LatLng(lat, lng));
[HTML] pobierz, plaintext 

Trzeba tylko pamiętać, że wartości musza być oddzielone spacją, w innym wypadku dobrze byłoby się zabezpieczyć poprzez odpowiednie sprawdzanie czy użytkownik wprowadził poprawnie wartości.

dzięki, mógłbyś mi tylko podpowiedzieć jak

[PHP] pobierz, plaintext 
document.getElementById("lat").value = pos.lat();
document.getElementById("lng").value = pos.lng();
[PHP] pobierz, plaintext 

zamienić do jednej postaci z przecinkiem pomiędzy, jak poprawnie zapisac poniższy kod?

[PHP] pobierz, plaintext 
document.getElementById("latlng").value = 'pos.lat() , pos.lng()';
[PHP] pobierz, plaintext 

pos.lat() + ','+pos.lng()