<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google API离线地图</title>
<script type="text/javascript" src="mapapi.js"></script>
<script type="text/javascript" src="configure.js"></script>
<script type="text/javascript" src="maplabel-compiled.js"></script>
<script type="text/javascript">
function BigeMap() { }
BigeMap.prototype.tileSize = new google.maps.Size(256, 256);
BigeMap.prototype.maxZoom = maxZoom;
BigeMap.prototype.minZoom = minZoom;
BigeMap.prototype.name = "本地地图";
BigeMap.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 strURL = path;
strURL += zoom + "/" + coord.x + "/" + coord.y + format;
img.src = strURL;
return img;
};
var localMap = new BigeMap();
function initialize() {
var latlng = new google.maps.LatLng(y, x);
var myOptions = {
center: latlng,
zoom: defaultZoom,
mapTypeControl: false,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'localMap']
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.mapTypes.set('localMap', localMap);
map.setMapTypeId('localMap');
// ===创建用户自定义地标===
var lat = 29.7065;
var lng = 107.1085;
var text = "测试名称"
//标注位置 经纬度
var makerlatlng = new google.maps.LatLng(lat, lng);
// 使用名称标记
var mapLabel = new MapLabel({
text: text,
position: makerlatlng,
map: map,
fontSize: 12,
fontColor: '#ef5a08',
strokeColor: '#f9f9f9',
align: 'bottom'
});
mapLabel.set('position', makerlatlng);
var marker = new google.maps.Marker({
position: makerlatlng, // 标注点的坐标位置
map: map,
draggable: true,
title: text // 标注点的名称
});
marker.bindTo('map', mapLabel);
marker.bindTo('position', mapLabel);
marker.setDraggable(true);
// 使用弹窗显示名称
attachInfowindow(marker, text);
function attachInfowindow(marker, msg) {
var infowindow = new google.maps.InfoWindow(
{
content: msg,
size: new google.maps.Size(50, 50)
});
google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker);
});
}
}
function addMark(lat, lng, text) {
//标注位置 经纬度
var makerlatlng = new google.maps.LatLng(lat, lng);
// 使用名称标记
var mapLabel = new MapLabel({
text: text,
position: makerlatlng,
map: map,
fontSize: 12,
fontColor: '#ef5a08',
strokeColor: '#f9f9f9',
align: 'bottom'
});
mapLabel.set('position', makerlatlng);
var marker = new google.maps.Marker({
position: makerlatlng, // 标注点的坐标位置
map: map,
draggable: true,
title: text // 标注点的名称
});
marker.bindTo('map', mapLabel);
marker.bindTo('position', mapLabel);
marker.setDraggable(true);
// 使用弹窗显示名称
attachInfowindow(marker, text);
function attachInfowindow(marker, msg) {
var infowindow = new google.maps.InfoWindow(
{
content: msg,
size: new google.maps.Size(50, 50)
});
google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker);
});
}
}
// ===========================
</script>
<style>
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; }
#map_canvas { height: 100%; }
@media print {
html, body, #map_canvas {
height: auto;
}
}
</style>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</html>
离线Google瓦片地图 （1938个子文件） 
AuthenticationService.Authenticate 44B
openhand_8_8.bmp 326B default.css 200B closedhand_8_8.cur 326B openhand_8_8.cur 326B ViewportInfoService.GetViewportInfo 28KB
iw_close.gif 76B
sample.html 5KB
1695.jpg 20KB 1695.jpg 19KB 1696.jpg 18KB 1694.jpg 18KB 105.jpg 17KB 211.jpg 17KB 1696.jpg 16KB 1694.jpg 16KB 847.jpg 16KB 423.jpg 15KB 1679.jpg 15KB 1692.jpg 15KB 106.jpg 15KB 423.jpg 15KB 1695.jpg 15KB 1695.jpg 15KB 105.jpg 15KB 1693.jpg 15KB 847.jpg 15KB 1693.jpg 15KB 1697.jpg 15KB 424.jpg 15KB 1692.jpg 14KB 1696.jpg 14KB 1693.jpg 14KB 1691.jpg 14KB 1696.jpg 14KB 1691.jpg 14KB 212.jpg 14KB 211.jpg 14KB 1693.jpg 14KB 1696.jpg 14KB 424.jpg 14KB 1690.jpg 14KB 1692.jpg 13KB 1677.jpg 13KB 1679.jpg 13KB 1699.jpg 13KB 106.jpg 13KB 848.jpg 13KB 105.jpg 13KB 423.jpg 13KB 1697.jpg 13KB 104.jpg 13KB 421.jpg 13KB 1691.jpg 13KB 1697.jpg 13KB 422.jpg 13KB 846.jpg 13KB 846.jpg 13KB 1692.jpg 13KB 1694.jpg 13KB 1698.jpg 13KB 105.jpg 13KB 1686.jpg 13KB 104.jpg 12KB 847.jpg 12KB 1698.jpg 12KB 1694.jpg 12KB 1704.jpg 12KB 1698.jpg 12KB 106.jpg 12KB 839.jpg 12KB 1674.jpg 12KB 1693.jpg 12KB 419.jpg 12KB 1694.jpg 12KB 1695.jpg 12KB 1698.jpg 12KB 1675.jpg 12KB 1703.jpg 12KB 1696.jpg 12KB 1692.jpg 12KB 104.jpg 12KB 1675.jpg 12KB 1689.jpg 12KB 1693.jpg 12KB 419.jpg 12KB 423.jpg 12KB 1699.jpg 12KB 1681.jpg 12KB 1700.jpg 12KB 1676.jpg 12KB 848.jpg 12KB 847.jpg 12KB 210.jpg 12KB 424.jpg 12KB 421.jpg 12KB 425.jpg 12KB 1686.jpg 12KB 103.jpg 12KB 1710.jpg 12KB共 1938 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
- 1
- 2
前往页