Scribd
Upload
21 views1 page

Interactive Map Stop Location Tool

The document is an HTML page that initializes a Google Map with a draggable marker representing a stop point. It includes a function to copy the stop's latitude and longitude to the clipboard when the marker is clicked or dragged. The map is set to center on a specified location and includes controls for zooming and map type selection.

Uploaded by

mohameddjebbi515
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
21 views1 page

Interactive Map Stop Location Tool

The document is an HTML page that initializes a Google Map with a draggable marker representing a stop point. It includes a function to copy the stop's latitude and longitude to the clipboard when the marker is clicked or dragged. The map is set to center on a specified location and includes controls for zooming and map type selection.

Uploaded by

mohameddjebbi515
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<html>

<title>View stop in map</title>


<head>
<textarea id="holdtext" style="display:none;"></textarea>

<script type="text/javascript"
src="[Link]
<script type="text/javascript">

function memoToClipboard(marker_) {
var pin = marker_;
var lat = [Link]().lat();
var lng = [Link]().lng();
[Link] = "mobitec:stop:" + lat + ":" + lng + "\n";

[Link] = [Link];
Copied = [Link]();
[Link]("Copy");
}

[Link]("maps", "2");
var stopMarker;

// Call this function when the page has been loaded


function initialize() {
var map = new [Link].Map2([Link]("map"));

var stopPoint = new GLatLng({location});


stopMarker = new GMarker(stopPoint, {draggable:true, autoPan:true});
//var iwContents = "{stopinfo}<br>" + "<a
href='javascript:memoToClipboard(stopMarker)'>Save position</a>"
var iwContents = "{stopinfo}";
[Link](stopMarker, "click", function()
{ [Link](iwContents); });
[Link](stopMarker, 'dragend', function()
{ memoToClipboard(stopMarker); });
[Link](stopMarker);

[Link](new [Link]({location}), {zoom});


[Link](new GLargeMapControl());
[Link](new GMapTypeControl());
}

[Link](initialize);
</script>
</head>

<body>
<div id="map" style="width: 100%; height: 100%"></div>
</body>

</html>

You might also like