<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API v3 Example: Image MapTypes</title>
<link href="mapfiles/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mapapi.js"></script>
<script>
function tlen(len, mystr){
mystr = String(mystr);
var num = len - mystr.length;
for (var i = 0; i <= num; i++)
{
mystr = "0" + mystr;
}
return mystr;
};
function CoordMapType(tileSize) {
this.tileSize = tileSize;
}
CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('DIV');
var ymax = 1 << zoom;
var y = coord.y;
y = tlen(5,y);
var x = tlen(5,coord.x);
zoom = tlen(1,zoom+1);
div.innerHTML = y + "," + x + "," + zoom;
div.style.width = this.tileSize.width + 'px';
div.style.height = this.tileSize.height + 'px';
div.style.fontSize = '10';
div.style.borderStyle = 'solid';
div.style.borderWidth = '1px';
div.style.borderColor = '#AAAAAA';
return div;
};
function LocalMapType() {}
LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
LocalMapType.prototype.maxZoom = 20;
LocalMapType.prototype.minZoom = 0;
LocalMapType.prototype.name = "本地";
LocalMapType.prototype.alt = "显示本地地图";
LocalMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var img = ownerDocument.createElement("img");
img.style.width = this.tileSize.width + "px";
img.style.height = this.tileSize.height + "px";
var ymax = 1 << zoom;
var y = coord.y;
y = tlen(5,y);
var x = tlen(5,coord.x);
zoom = tlen(1,zoom+1);
var strURL = "..\\data\\L" + zoom + "\\" + y + "-" + x + ".png";
img.src = strURL;
return img;
};
var localMapType = new LocalMapType();
function initialize() {
var myLatlng = new google.maps.LatLng(30, 103);
var myOptions = {
center: myLatlng,
zoom: 4,
streetViewControl: false,
mapTypeControlOptions: {
mapTypeIds: ["local", google.maps.MapTypeId.ROADMAP]
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
//map.setMapTypeId('satellite');
//map.MapTypes.insertAt(0, moonMapType);
map.mapTypes.set('local', localMapType);
map.setMapTypeId('local');
map.overlayMapTypes.insertAt(0, new CoordMapType(new google.maps.Size(256, 256)));
}
</script>
</head>
<body onLoad="initialize()">
<div id="map_canvas" style="width: 640px; height: 480px;"></div>
</body>
</html>
GoogleMapAPIV3
3星 · 超过75%的资源 需积分: 31 45 浏览量
2015-01-28
16:47:09
上传
评论
收藏 155KB RAR 举报 
GoogleMapAPIV3.rar （32个子文件） 
GoogleMapAPIV3 mapfiles 
mapcontrols3d6.png 2KB iw3.png 10KB
closedhand_8_8.cur 326B
iw_close.gif 76B szc3d.png 632B rotate.png 3KB google_white.png 6KB api-3 4 9 onion.js 19KB stats.js 3KB maxzoom.js 467B overlay.js 1KB main.js 48KB map.js 26KB geometry.js 3KB kml.js 10KB geocoder.js 2KB controls.js 50KB infowindow.js 7KB layers.js 503B style.js 2KB places_impl.js 28KB util.js 15KB usage.js 2KB marker.js 18KB common.js 30KB poly.js 18KB openhand_8_8.cur 326B cb mod_cb_scout cb_scout_sprite_api_002.png 24KB
Example_GoogleMapAPI.html 3KB map-simple-google.html 983B map-simple.html 881B mapapi.js 4KB
- 1
- 2
- 3
前往页