Hi,

I found interesting Google Map on 
http://koti.mbnet.fi/ojalesa/exam/draggable.html

and I'm trying to make some modifications, so I need a little help.

This is HTML code of my Google Map:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xmlns:v="urn:schemas-
microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Drag marker</title>
<style type="text/css">
v:* {
behavior:url(#default#VML);
}

#msg_#msg_body { font-family: Arial; font-size: small;
background-color: #CCCCFF;}

A:hover {color: red; text-decoration: underline; }


</style>
<script
src="http://maps.google.com/maps?
file=api&v=2&key=ABQIAAAAYxpy0HiKBWXiyhVrpVqkshTWg_xmhpETXrjHUj59zHLsinrq_xSAm
AGIHF6kJpo3mJn5WnKDztG7kw"type="text/javascript">
</script>
</head>
<body>


Latitude: <input type="text" id="lat" name="lat" style="width:10;"
><br />
Longitude: <input type="text" id="lon" name="lon" style="width:10;" >

<div id="map" style="position: absolute; top:60px;left:10px;width:
512px; height:300px"></div>

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

////map
var map = new GMap2(document.getElementById("map"));
//var start = new GLatLng(65,25);
map.setCenter(new GLatLng(44.11529,15.22577), 10);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();

// "tiny" marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";;
icon.shadow = "http://labs.google.com/ridefinder/images/
mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

/////Draggable markers
var point = new GLatLng(44.11529,15.22577);
var markerD = new GMarker(point, {icon:icon, draggable: true});
map.addOverlay(markerD);

markerD.enableDragging();

GEvent.addListener(markerD, "drag", function(){
document.getElementById("lat").value=markerD.getPoint().toUrlValue();
document.getElementById("lon").value=markerD.getPoint().toUrlValue();
});

//]]>

</script>
</body>
</html>

If you open my Google Map you'll see that Longitude and Latitude
coordinates are shown in both input fields. So please can you fix my
Google Map to show in Latitude input filed only Latitude coordinate
and in Longitude input filed only Longitude coordinate. Thx!

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-maps-api?hl=en.

Reply via email to