<!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 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.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>
没有合适的资源?快使用搜索试试~ 我知道了~
google map API
共32个文件
js:20个
png:6个
html:3个
3星 · 超过75%的资源 需积分: 12 19 下载量 201 浏览量
2012-10-23
14:22:45
上传
评论
收藏 165KB ZIP 举报
温馨提示
利用google map API 可制作自己的地图系统,方便用户查找自己的位置,以及想要找的地方等等
资源推荐
资源详情
资源评论
收起资源包目录
GoogleMapAPIV3.zip (32个子文件)
GoogleMapAPIV3
map-simple-google.html 983B
mapapi.js 4KB
mapfiles
api-3
4
9
kml.js 10KB
marker.js 18KB
overlay.js 1KB
layers.js 503B
util.js 15KB
controls.js 50KB
poly.js 18KB
infowindow.js 7KB
places_impl.js 28KB
main.js 48KB
usage.js 2KB
map.js 26KB
geometry.js 3KB
stats.js 3KB
onion.js 19KB
common.js 30KB
maxzoom.js 467B
style.js 2KB
geocoder.js 2KB
openhand_8_8.cur 326B
google_white.png 6KB
iw_close.gif 76B
mapcontrols3d6.png 2KB
szc3d.png 632B
iw3.png 10KB
rotate.png 3KB
cb
mod_cb_scout
cb_scout_sprite_api_002.png 24KB
closedhand_8_8.cur 326B
map-simple.html 881B
maptype-tms.html 2KB
共 32 条
- 1
资源评论
- zihan66882012-12-04这个就不太实用了
- dongguangyu2012-10-24没有api说明,是做的例子。
- pu_qing2012-12-26好像没什么用,下了没用
- a137004378082012-12-28这个就下了郁闷了。。和我代码不一样。。看不懂
日月0719
- 粉丝: 5
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功