<!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>
没有合适的资源?快使用搜索试试~ 我知道了~
GoogleMapAPI3.30版本离线开发包.rar
共193个文件
png:135个
js:51个
cur:3个
需积分: 50 15 下载量 31 浏览量
2019-09-03
11:29:08
上传
评论 2
收藏 1.15MB RAR 举报
温馨提示
软件介绍: GoogleMapAPI是最新版本的谷歌地图3.30.4版本的离线开发包。本离线开发包支持谷歌地图离线开发。 包含以下文件: 1,基础API,gapi3。2,例tilemap子:demo.html;用火狐和chrome可直接打开。
资源推荐
资源详情
资源评论
收起资源包目录
GoogleMapAPI3.30版本离线开发包.rar (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
资源评论
weixin_38744435
- 粉丝: 370
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功