<!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瓦片地图
4星 · 超过85%的资源 需积分: 32 41 浏览量
2015-12-04
20:45:20
上传
评论 3
收藏 16.52MB RAR 举报 
离线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
最新资源
- 老飞飞搭建基础通用数据库V19数据库.rar
- jquery.js
- 机械设计多工位ACF贴胶带&预压设备sw18可编辑非常好的设计图纸100%好用.zip
- 基于Pytorch复现Point-Transformer，用于ShapeNet数据集点云分割
- 【医学影像分析】2D超声图像的分割检测（Ultrasound Nerve Segmentation - Kaggle数据集）
- 嘎嘎香的五款神仙谷歌插件
- .arch书源导入教程.mp4
- 贪心算法介绍及代码示例讲解
- CR13SP35MSI64 Crystal 水晶报表运行组件最后版本64位
- 图像分类数据集：玉米叶是否感染分类数据集（2分类，包含训练集、验证集）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页