<!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"/>
<link href="mapfiles/css/default.css" rel="stylesheet" type="text/css" />
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<!--script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script-->
<script type="text/javascript" src="mapapi3.8.6.js"></script>
<script type="text/javascript">
function LocalMapType() {}
LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
LocalMapType.prototype.maxZoom = 5; //地图显示最大级别
LocalMapType.prototype.minZoom = 1; //地图显示最小级别
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";
//地图存放路径
//谷歌矢量图 maptile/googlemaps/roadmap
//谷歌影像图 maptile/googlemaps/roadmap
//MapABC地图 maptile/mapabc/
var strURL = "C:/GoogleOutLine/maptile/GoogleMap/";
strURL += zoom + "/" + coord.x + "/" + coord.y + ".PNG";
img.src = strURL;
return img;
};
var localMapType = new LocalMapType();
var map;
var GlightPath;
function initialize() {
var myLatlng = new google.maps.LatLng(43.913461,125.3284);
//var myLatlng = new google.maps.LatLng(43.90775,125.32140);
var myOptions = {
center: myLatlng,
zoom: 1,
streetViewControl: false,
mapTypeControlOptions: {
mapTypeIds: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.HYBRID,
google.maps.MapTypeId.SATELLITE,
google.maps.MapTypeId.TERRAIN,
'locaMap' ] //定义地图类型
}
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.mapTypes.set('locaMap', localMapType); //绑定本地地图类型
map.setMapTypeId('locaMap'); //指定显示本地地图
//画marker
//var markerOptions = new google.maps.MarkerOptions({draggable:true});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
draggable:true,
title:"北京!"
});
var infowindow = new google.maps.InfoWindow(
{ content:"latlng:" + marker.getPosition().toString(),
size: new google.maps.Size(70,70)
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent("latlng:" + marker.getPosition().toUrlValue(6));
infowindow.open(map,marker);
});
//google.maps.event.addListener(map,'click', function(event) {
// var arr2 = "43.913461|125.3284|43.913477|125.327969|43.912773|125.32801|43.911688|125.326523|43.91063|125.325255|43.910795|125.324973|43.91073|125.324661|43.911656|125.323796|43.912749|125.323656|43.913018|125.323706|43.915401|125.323587|43.919503|125.323561|43.935609|125.324079|43.942849|125.324195|43.94299|125.324135|43.949314|125.307014|43.94002|125.300655|43.940234|125.300374|43.943422|125.300567|43.943474|125.300447|43.943591|125.2927|43.94361|125.287182|43.943568|125.284114";
// DrowRoute(arr2);
//});
}
function Point() {
this.Lng = 0;
this.Lat = 0;
}
function DrowRoute(pointsStr){
var tempPoint= new Array();
tempPoint = pointsStr.split("|");
var GRoutePoints;
GRoutePoints = null;
GRoutePoints = new Array(tempPoint.length/2);
for(var i = 0; i < tempPoint.length; i = i+2) {
GRoutePoints[i/2] = new google.maps.LatLng(tempPoint[i],tempPoint[i+1]);
}
GlightPath = new google.maps.Polyline({
path: GRoutePoints,
strokeColor: "#007FFF",
strokeOpacity: 0.8,
strokeWeight: 4
});
GlightPath.setMap(map);
}
function ClearRoute(){
GlightPath.setMap(null);
GlightPath = null;
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
离线地图学习而已
共106个文件
png:76个
js:20个
cur:2个
5星 · 超过95%的资源 需积分: 10 25 下载量 160 浏览量
2013-08-12
21:42:12
上传
评论
收藏 839KB ZIP 举报
温馨提示
离线地图 资源描述可以把电子书的概述、源代码的说明、文档的片段填在这里,描述详细会获得我们的推荐,更容易被他人下载!描述大于20字不是问题吧!
资源推荐
资源详情
资源评论
收起资源包目录
离线地图学习而已 (106个子文件)
AuthenticationService.Authenticate 44B
map-simple.html.bak 3KB
openhand_8_8.bmp 326B
default.css 186B
closedhand_8_8.cur 326B
openhand_8_8.cur 326B
ViewportInfoService.GetViewportInfo 28KB
iw_close.gif 76B
OutLinMap.html 4KB
controls.js 55KB
common.js 36KB
map.js 35KB
main.js 35KB
poly.js 33KB
onion.js 22KB
marker.js 19KB
util.js 18KB
places_impl.js 11KB
kml.js 10KB
drawing_impl.js 9KB
infowindow.js 7KB
mapapi3.8.6.js 5KB
geometry.js 4KB
usage.js 4KB
stats.js 3KB
geocoder.js 2KB
overlay.js 1KB
layers.js 500B
maxzoom.js 453B
2.png 37KB
2.png 31KB
2.png 30KB
2.png 30KB
3.png 29KB
3.png 26KB
cb_scout_sprite_api_003.png 26KB
cb_scout_sprite_api_003.png 26KB
cb_scout_sprite_api_003.png 26KB
3.png 25KB
cb_scout_sprite_api_002.png 24KB
2.png 22KB
1.png 21KB
4.png 21KB
2.png 20KB
0.png 18KB
1.png 17KB
0.png 16KB
1.png 16KB
4.png 14KB
3.png 14KB
2.png 14KB
3.png 12KB
1.png 12KB
4.png 11KB
iw3.png 10KB
3.png 9KB
1.png 9KB
0.png 9KB
4.png 9KB
imgs8.png 8KB
imgs8.png 8KB
iws3.png 8KB
1.png 7KB
1.png 6KB
2.png 6KB
google_white.png 6KB
google_white.png 6KB
1.png 6KB
1.png 6KB
mapcontrols3d7.png 4KB
mapcontrols3d7.png 4KB
5.png 4KB
4.png 4KB
rotate.png 3KB
mapcontrols3d6.png 2KB
iphone-dialog-bg.png 2KB
undo_poly.png 2KB
0.png 2KB
0.png 2KB
5.png 2KB
marker_sprite.png 2KB
marker_sprite.png 2KB
marker_sprite.png 1KB
0.png 1KB
4.png 1KB
3.png 1KB
4.png 1003B
0.png 959B
3.png 921B
iphone-dialog-button.png 827B
szc3d.png 632B
0.png 625B
rotate2.png 620B
rotate2.png 620B
szc4.png 574B
5.png 541B
5.png 489B
0.png 468B
5.png 458B
4.png 330B
共 106 条
- 1
- 2
资源评论
- 河南阿锋2014-03-24不错,正在学习中。
丈八涯
- 粉丝: 33
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 数电实验一:半加器、电路的逻辑功能、全加器,四人表决电路、组合逻辑电路
- 原生Javaee+jsp的一个课程项目为在线课程管理系统
- 企业人事管理系统 开发框架:vs2022 + asp.net + webform + sqlserver 数据库:sqlser
- jsp基于WEB的考务管理系统的设计与实现(源代码+lw).zip
- jsp基于Web的可维护的数据库浏览器(源代码+lw+答辩PPT).zip
- JSP基于WEB的图书馆借阅系统的设计与实现(源代码+lw).zip
- aht10的linux驱动
- JSP基于WEB网上论坛设计与实现(源代码+lw+开题报告+答辩PPT+外文翻译).zip
- 端午节et-mai开发比记
- JSP基于网络超市商品销售管理系统的设计与实现(源代码+lw).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功