<!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
llemonade
- 粉丝: 1
- 资源: 1
最新资源
- asp.net 原生js代码及HTML实现多文件分片上传功能（自定义上传文件大小、文件上传类型）
- whl@pip install pyaudio ERROR: Failed building wheel for pyaudio
- Constantsfd密钥和权限集合.kt
- 基于Java的财务报销管理系统后端开发源码
- 基于Python核心技术的cola项目设计源码介绍
- 基于Python及多语言集成的TSDT软件过程改进设计源码
- 基于Java语言的歌唱比赛评分系统设计源码
- 基于JavaEE技术的课程项目答辩源码设计——杨晔萌、李知林、岳圣杰、张俊范小组作品
- 基于Java原生安卓开发的蔚蓝档案娱乐应用设计源码
- 基于Java、Vue、JavaScript、CSS、HTML的毕设设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页