<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<title>Offline Maps Demo - by lyklinse</title>
<script type="text/javascript" src="mapfiles/mapapi.js"></script>
<script>
var map;
function LocalMapType() {}
LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
LocalMapType.prototype.maxZoom = 21; //地图显示最大级别
LocalMapType.prototype.minZoom = 3; //地图显示最小级别
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";
//地图存放路径
//谷歌矢量图 maptile/googlemaps/roadmap
//谷歌影像图 maptile/googlemaps/roadmap
//MapABC地图 maptile/mapabc/
//strURL = "maptile/googlemaps/roadmap/";
mapPicDir = "maptile/googlemaps/roadmap/";
var curSize = Math.pow(2,zoom);
strURL = mapPicDir + zoom + "/" + (coord.x % curSize )+ "/" + (coord.y % curSize)+ ".PNG";
//strURL = "E:/地图文件/谷歌地图中国0-12级googlemaps/googlemaps/roadmap/" + zoom + "/" + (coord.x % curSize )+ "/" + (coord.y % curSize)+ ".PNG";
img.src = strURL;
return img;
};
var localMapType = new LocalMapType();
function initialize() {
var myLatlng = new google.maps.LatLng(30.587, 114.312);
var mapOptions = {
zoom: 5,
center: myLatlng,
mapTypeControlOptions: {
mapTypeIds: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.HYBRID,
google.maps.MapTypeId.SATELLITE,
google.maps.MapTypeId.TERRAIN,
'localMap' ] //定义地图类型
},
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
map.mapTypes.set('localMap', localMapType); //绑定本地地图类型
map.setMapTypeId('localMap'); //指定显示本地地图
map.setOptions({draggable: true});
var infowindow = new google.maps.InfoWindow({
content: '<img src="images/flowers.jpg"><br/><center>Wuhan</center>'
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: ''
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="left:0;top:0;width:100%;height:100%;position:absolute;">
</div>
</body>
</html>
Google Maps API v3 (3.16.2) 离线开发包_140326
5星 · 超过95%的资源 需积分: 10 178 浏览量
2014-03-26
16:33:27
上传
评论
收藏 2.48MB RAR 举报 
Google Maps API v3 (3.16.2) 离线开发包_140326 （180个子文件） 
crosshair.cur 4KB openhand_8_8.cur 326B closedhand_8_8.cur 326B
iw_plus.gif 76B iw_close.gif 76B iw_minus.gif 73B
index.html 3KB
flowers.jpg 68KB common.js 93KB controls.js 59KB main.js 49KB util.js 45KB poly.js 43KB onion.js 25KB marker.js 22KB visualization_impl.js 19KB map.js 15KB kml.js 11KB places_impl.js 11KB infowindow.js 10KB drawing_impl.js 10KB weather_impl.js 8KB stats.js 6KB geometry.js 5KB mapapi.js 5KB usage.js 4KB geocoder.js 2KB places.js 2KB overlay.js 1KB layers.js 738B maxzoom.js 477B drawing.js 402B
12.png 54KB 13.png 54KB 13.png 52KB 13.png 47KB 6.png 44KB 6.png 43KB 13.png 41KB 12.png 40KB 2.png 40KB 12.png 38KB 1.png 37KB 13.png 37KB 2.png 36KB 10.png 36KB 14.png 35KB 10.png 34KB 11.png 34KB 5.png 33KB 3.png 33KB 3.png 32KB 5.png 32KB 2.png 31KB 11.png 31KB 2.png 31KB 12.png 31KB 3.png 31KB 2.png 30KB 10.png 30KB 7.png 30KB 14.png 29KB 6.png 28KB 1.png 27KB 5.png 26KB 10.png 26KB cb_scout_sprite_api_003.png 26KB 2.png 26KB 11.png 25KB 10.png 25KB 4.png 25KB 0.png 24KB 14.png 24KB 12.png 24KB 0.png 24KB cb_scout2.png 23KB 1.png 23KB 11.png 23KB 1.png 23KB 1.png 22KB 1.png 22KB 0.png 21KB 10.png 20KB 12.png 20KB 14.png 20KB 3.png 20KB 11.png 20KB 0.png 19KB 11.png 19KB 10.png 19KB 4.png 18KB 7.png 18KB 2.png 18KB 5.png 17KB 1.png 16KB 7.png 16KB 4.png 16KB 3.png 16KB 12.png 15KB 11.png 15KB共 180 条
- 1
- 2
- 1
- 2
- 3
前往页