Google Map 2

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<!-<script src="http://maps.google.co.kr/maps?file=api&v=2&hl=en" type="text/ja
vascript"></script>
-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?senso
r=true&v=3.6&language=ko-KR"></script>
<script type="text/javascript">
var IMAGES = [ "car_000.PNG", "car_045.PNG", "car_090.PNG", "car_135.PNG
", "car_180.PNG", "car_225.PNG", "car_270.PNG", "car_315.PNG" ];
var m_x = 0;
var m_y = 0;
var m_x2 = 0;
var m_y2 = 0;
var m_x3 = 0;
var m_y3 = 0;
var m_x4 = 0;
var m_y4 = 0;
var m_x5 = 0;
var m_y5 = 0;
var polyline1 = [];
var polyline2 = [];
var polyline3 = [];
var polyline4 = [];
var polyline5 = [];
var p1 = 0;
var p2 = 0;
var p3 = 0;
var p4 = 0;
var p5 = 0;
var marker1 = [];
var marker2 = [];
var marker3 = [];
var marker4 = [];
var marker5 = [];
var carmarker = null;
var icons = [];
var centericon = null;
var routeLine;
function GM_load()
{
try
{
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_can
vas"));
map.addControl(new GLargeMapControl3D());//GSmal
lZoomControl());//GLargeMapControl3D());//GSmallZoomControl());//GSmallMapContro
l());
map.setCenter(new GLatLng(37.4419, -122.1419), 1
4);
map.enableScrollWheelZoom();
map.disableDoubleClickZoom();
map.addMapType(G_PHYSICAL_MAP);
var mapControl = new GHierarchicalMapTypeControl
();
mapControl.clearRelationships();
mapControl.addRelationship(G_SATELLITE_MAP, G_HY
BRID_MAP, "Labels", true);
map.addControl(mapControl);
centericon = new GIcon();
centericon.image = "car_location2.png";
centericon.iconSize = new GSize(30, 30);
centericon.iconAnchor = new GPoint(15, 15);
GEvent.addListener(map, "dblclick",
function(overlay,latlng) {
if (latlng) {
var myHtml = "__" + latl
ng.x + "_" + latlng.y;
document.title = myHtml;
}
}
);
}
}
catch(e)
{
}
}
function initicon(path)
{
}
function setpin(x, y)
{
if (typeof google === 'object' && typeof google.maps === 'object')
{
//alert("google");
}
else
{
//alert("error");
return;
}
//map.setCenter(new google.maps.LatLng(x, y));
vehicleMarker.setPosition(new google.maps.LatLng(x, y));
/*
try
{
if(carmarker != null) map.removeOverlay(carmarker);
carmarker = new GMarker(new GLatLng(x, y), {icon : cente
ricon});
map.addOverlay(carmarker);
}
catch(e)
{
}
*/
}
function clearOvr1()
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
if(marker1 != null) map.removeOverlay(marker1);
for(var i = 0; i < p1 ; i++)
{
map.removeOverlay(polyline1[i]);
}
polyline1.length = 0;
p1 = 0;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
for(var i = 0; i < p2 ; i++)
{
}
p2 = 0;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
for(var i = 0; i < p3 ; i++)
{
}
p3 = 0;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
for(var i = 0; i < p4 ; i++)
{
}
p4 = 0;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
for(var i = 0; i < p5 ; i++)
{
}
p5 = 0;
}
catch(e)
{
}
}
function clearOvr()
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
//alert("clearOvr");
m_x = 0;
m_y = 0;
m_x2 = 0;
m_y2 = 0;
m_x3 = 0;
m_y3 = 0;
m_x4 = 0;
m_y4 = 0;
m_x5 = 0;
m_y5 = 0;
var p_size1 = polyline1.length
for(i=0; i<p_size1; i++)
{
//alert(i);
polyline1[i].setMap(null);
}
{
//alert(i);
}
{
//alert(i);
}
{
//alert(i);
}
{
//alert(i);
}
polyline1.length
polyline2.length
polyline3.length
polyline4.length
polyline5.length
var p1 = 0;
var p2 = 0;
var p3 = 0;
var p4 = 0;
var p5 = 0;
=
=
=
=
=
0;
0;
0;
0;
0;
if(marker1 != null)
marker1.setMap(null);
if(marker2 != null)
if(marker3 != null)
if(marker4 != null)
if(marker5 != null)
//map.clearOverlays();
}
catch(e)
{
}
}
function SetCenter(x, y)
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
map.setCenter(new google.maps.LatLng(x, y));
//var routeLineArr = routeLine.getPath();
//routeLineArr.push(new google.maps.LatLng(x, y));
/*
try
{
map.setCenter(new GLatLng(x,y), map.getZoom());
}
catch(e)
{
}
*/
}
function SetCenter2(x, y, c)
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(c == 0)
{
/*
if(marker1 != null)
map.removeOverlay(marker1);
var redIcon = new GIcon();
redIcon.image = "http://maps.google.com/mapfiles
/ms/icons/red-pushpin.png";
redIcon.shadow = null;
redIcon.iconSize = new GSize(32, 32);
redIcon.shadowSize = new GSize(0, 0);
redIcon.iconAnchor = new GPoint(10, 32);
redIcon.remove
markerOptions = { icon:redIcon };
marker = new GMarker(new GLatLng(x, y), markerOp
tions );
GEvent.addListener(marker1, "dblclick",
function()
{
document.title = "__marker1";
}
);
map.addOverlay(marker);
*/
//if(marker1 != null)
// marker1.setMap(null);
var marker_image = new google.maps.MarkerImage(
// url:
"http://maps.google.com/mapfiles/ms/icons/red-pushpin.png",
// size:
new google.maps.Size(36, 36),
// origin:
new google.maps.Point(0, 0),
// anchor:
// set scaledSize:
new google.maps.Size(32, 32));
var myLatLng = new google.maps.LatLng(x, y);
//var beachMarker = new google.maps.Marker({
marker1 = new google.maps.Marker({
position: myLatLng,
map: map
});
marker1.setIcon(marker_image);
marker1.setMap(map);
}
else if(c == 1)
{
/*
if(marker2 != null)
/ms/icons/blue-pushpin.png";
redIcon.remove
marker2 = new GMarker(new GLatLng(x, y), markerO
ptions );
map.addOverlay(marker2);
function()
{
}
);
*/
// url:
"http://maps.google.com/mapfiles/ms/icons/blue-pushpin.png",
// size:
// origin:
// anchor:
// set scaledSize:
position: myLatLng,
map: map
});
}
else if(c == 2)
{
/*
if(marker3 != null)
redIcon.remove
ptions );
function()
{
}
);
*/
// url:
// size:
// origin:
// anchor:
// set scaledSize:
position: myLatLng,
map: map
});
}
else if(c == 3)
{
/*
if(marker4 != null)

redIcon.remove
ptions );
addOverlay(marker4);
function()
{
}
);
*/
// url:
// size:
// origin:
// anchor:
// set scaledSize:
position: myLatLng,
map: map
});
}
else if(c == 4)
{
/*
if(marker5 != null)

redIcon.remove
ptions );
function()
{
}
);
*/
// url:
// size:
// origin:
// anchor:
// set scaledSize:
position: myLatLng,
map: map
});
}
}
catch(e)
{
}
}
function SetCenter3(x, y, c)
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(c == 0)
{
if(marker != null)
map.removeOverlay(marker);
/ms/icons/red-pushpin.png";
redIcon.remove
marker = new GMarker(new GLatLng(x, y), markerOp
tions );
map.addOverlay(marker);
GEvent.addListener(marker, "dblclick",
function()
{
}
);
}
else if(c == 1)
{
if(marker2 != null)
redIcon.remove
ptions );
function()
{
}
);
}
else if(c == 2)
{
if(marker3 != null)
redIcon.remove
ptions );
function()
{
}
);
}
else if(c == 3)
{
if(marker4 != null)
redIcon.remove
ptions );
function()
{
}
);
}
else if(c == 4)
{
if(marker5 != null)
redIcon.remove
ptions );
function()
{
}
);
}
}
catch(e)
{
}
}
function move1(x, y, c)
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(m_x != 0)
{
/*
var polyline = new GPolyline(
[
new GLatLng(m_x, m_y),
new GLatLng(x, y)
],
c, 4);
map.addOverlay(polyline);
polyline1.push(polyline);
p1 = p1 + 1;
*/
var polylinePath= [];
var tmp_lat_lng1 = new google.maps.LatLng( m_x,
m_y);
var tmp_lat_lng2 = new google.maps.LatLng( x, y)
;
polylinePath.push(tmp_lat_lng1);
var polyline = new google.maps.Polyline({
path: polylinePath,
//strokeColor: "#FF0000",
strokeColor: c,
strokeOpacity: 1.0,
strokeWeight: 5
});
polyline.setMap(map)
p1 = p1 + 1;
}
m_x = x;
m_y = y;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(m_x2 != 0)
{
/*
[
new GLatLng(m_x2, m_y2),
new GLatLng(x, y)
],
c, 4);
p2 = p2 + 1;
*/
var tmp_lat_lng1 = new google.maps.LatLng( m_x2,
m_y2);
;
path: polylinePath,
strokeColor: c,
strokeOpacity: 1.0,
strokeWeight: 5
});
p2 = p2 + 1;
}
m_x2 = x;
m_y2 = y;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(m_x3 != 0)
{
/*
[
new GLatLng(x, y)
],
c, 4);
p3 = p3 + 1;
*/
m_y3);
;
path: polylinePath,
strokeColor: c,
strokeOpacity: 1.0,
strokeWeight: 5
});
p3 = p3 + 1;
}
m_x3 = x;
m_y3 = y;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(m_x4 != 0)
{
/*
[
new GLatLng(x, y)
],
c, 4);
p4 = p4 + 1;
*/
m_y4);
;
path: polylinePath,
strokeColor: c,
strokeOpacity: 1.0,
strokeWeight: 5
});
p4 = p4 + 1;
}
m_x4 = x;
m_y4 = y;
}
catch(e)
{
}
}
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
if(m_x5 != 0)
{
/*
[
new GLatLng(x, y)
],
c, 4);
p5 = p5 + 1;
*/
m_y5);
;
path: polylinePath,
strokeColor: c,
strokeOpacity: 1.0,
strokeWeight: 5
});
p5 = p5 + 1;
}
m_x5 = x;
m_y5 = y;
}
catch(e)
{
}
}
function setcanvassize(x, y)
{
{
//alert("google");
}
else
{
//alert("error");
return;
}
try
{
document.getElementById("map_canvas").style.width = x;
document.getElementById("map_canvas").style.height = y;
}
catch(e)
{
}
}
</script>
<script type="text/javascript">
function initialize() {
{
//alert("google");
}
else
{
//alert("error");
return;
}
// Start asynchronous load of CSS
map = null;
try {
var latlng = new google.maps.LatLng(37.51190,127.02941);
var myOptions = {
zoom: 14,
center: latlng,
disableDefaultUI: true,
zoomControl: true,
zoomControlOptions : {
style: google.maps.ZoomControlStyle.DEFAULT
},
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT
},
navigationControl: true,
scrollwheel: true,
/*navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL,
position: google.maps.ControlPosition.TOP_LEFT
},*/
scaleControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptio
ns);
var markers = new Array();
var regionChangeFunction = function(){
if(window.MKMapView) {
window.MKMapView.webviewReportingRegionChange();
}
};
var clickFunction = function(mouseEvent){
if(window.MKMapView) {
window.MKMapView.mapClickedEventAtPos([mouseEvent.latLng.lat(),
mouseEvent.latLng.lng()]);
var jsonLatLong = JSON.stringify({"latitude":mou
seEvent.latLng.lat(), "longitude":mouseEvent.latLng.lng()});
window.MKMapView.webviewReportingClick(jsonLatLong);
}
};
google.maps.event.addListener(map, 'drag', regionChangeFunction);
google.maps.event.addListener(map, 'zoom_changed', regionChangeFunction)
;
google.maps.event.addListener(map, 'click', clickFunction);
createUserLocationMarker();
}
catch(err)
{
if(window.MKMapView)
{
window.MKMapView.webviewReportingLoadFailure();
}
}
if (map == null)
{
var mapView = document.getElementById("map_canvas");
mapView.innerHTML = "<div class='mapKitLoadError'><div class='mapKitLoad
ErrorCenter'><div class='mapKitLoadErrorMessage'>Error Loading MapView, an inter
net connection is required. <br/><button onclick='window.MKMapView.webviewReport
ingReloadGmaps()'>Retry</button></div></div></div>";
}
vehicleMarker = new google.maps.Marker({
clickable: false,
icon: new google.maps.MarkerImage(
'car_location2.png',
null,
null,
new google.maps.Point(17, 17)
),
position: new google.maps.LatLng(0,0),
visible: true
});
vehicleMarker.setMap(map);
}
</script>
</head>
<body onload="initialize()" scroll=no leftmargin="0" topmargin="0" marginwidth
="0" marginheight="0">
<div id="map_canvas" style="width:1024px;height:768px"></div>
</body>
</html>

Google Map 2

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Google Map 2

Hochgeladen von

Copyright:

Verfügbare Formate

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

var redIcon = new GIcon();

redIcon.iconAnchor = new GPoint(10, 32);

Das könnte Ihnen auch gefallen