<!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>
<script type="text/javascript" src="gapi.js"></script>
<script>
function CoordMapType(tileSize) {
this.tileSize = tileSize;
}
CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('DIV');
var ymax = 1 << zoom;
var y = ymax - coord.y - 1;
div.innerHTML = coord.x + "," + y + "," + 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 = 10;
LocalMapType.prototype.minZoom = 6;
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 = ymax - coord.y - 1;
var strURL = "tilemap\\" + zoom + "\\" + coord.x + "\\" + y + ".png";
img.src = strURL;
return img;
};
var localMapType = new LocalMapType();
function initialize() {
var myLatlng = new google.maps.LatLng(34.611, 108.935);
var myOptions = {
center: myLatlng,
zoom: 6,
streetViewControl: false,
mapTypeControlOptions: {
mapTypeIds: ["local", google.maps.MapTypeId.ROADMAP]
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
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>
Google离线地图，通过demo.html可以直接打开
需积分: 13 70 浏览量
2023-03-31
16:27:29
上传
评论
收藏 1.18MB ZIP 举报
Google离线地图，通过demo.html可以直接打开 （193个子文件） 
crosshair.cur 4KB openhand_8_8.cur 326B closedhand_8_8.cur 326B
target_locking.gif 1KB
demo.html 2KB util.js 128KB util.js 128KB common.js 115KB common.js 114KB gapi.js 72KB controls.js 70KB controls.js 69KB main.js 69KB main.js 69KB streetview.js 67KB streetview.js 67KB zombie.js 60KB zombie.js 60KB poly.js 50KB poly.js 50KB onion.js 39KB onion.js 39KB map.js 33KB map.js 32KB marker.js 28KB marker.js 28KB places_impl.js 18KB places_impl.js 18KB kml.js 13KB kml.js 13KB drawing_impl.js 13KB drawing_impl.js 12KB visualization_impl.js 9KB visualization_impl.js 9KB infowindow.js 8KB infowindow.js 8KB geometry.js 5KB geometry.js 5KB usage.js 4KB usage.js 4KB stats.js 3KB stats.js 3KB geocoder.js 3KB geocoder.js 3KB layers.js 3KB layers.js 3KB places.js 2KB places.js 2KB overlay.js 2KB overlay.js 2KB adsense.js 939B adsense.js 939B maxzoom.js 628B maxzoom.js 628B drawing.js 413B drawing.js 413B
cb_scout5_hdpi.png 102KB cb_scout2_hdpi.png 54KB cb_scout5.png 48KB cb_scout2.png 22KB 154.png 13KB 153.png 11KB 154.png 11KB 154.png 11KB 153.png 11KB 156.png 10KB sv9.png 9KB 153.png 9KB 38.png 9KB 152.png 9KB 156.png 9KB 156.png 9KB 76.png 9KB imgs8.png 8KB 152.png 8KB 155.png 8KB 153.png 8KB 77.png 8KB 152.png 7KB 78.png 7KB 157.png 7KB 155.png 7KB 77.png 6KB 78.png 6KB 157.png 6KB 39.png 6KB 76.png 6KB 158.png 6KB google_white2_hdpi.png 6KB mapcnt5_hdpi.png 6KB 76.png 6KB mapcnt6_hdpi.png 5KB google3_hdpi.png 5KB 152.png 5KB 154.png 5KB 38.png 5KB tmapctrl4_hdpi.png 4KB mapcnt3_hdpi.png 4KB 158.png 4KB 79.png 4KB共 193 条
- 1
- 2
资源评论
