<!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个子文件） 
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不错，正在学习中。
丈八涯
- 粉丝: 34
- 资源: 15
最新资源
- (175601006)51单片机交通信号灯系统设计
- Starter SINAMICS S120驱动第三方直线永磁同步电机系列视频-调试演示.mp4
- (174755032)抽烟、烟雾检测voc数据集
- 基于滑膜控制的差动制动防侧翻稳定性控制，上层通过滑膜控制产生期望的横摆力矩，下层根据对应的paper实现对应的制动力矩分配，实现车辆的防侧翻稳定性控制，通过通过carsim和simulink联合仿真
- 伺服系统基于陷波滤波器双惯量伺服系统机械谐振抑制matlab Simulink仿真 1.模型简介 模型为基于陷波滤波器的双惯量伺服系统机械谐振抑制仿真，采用Matlab R2018a Simul
- (175989002)DDR4 JESD79-4C.pdf
- lanchaoHunanHoutaiQiantai
- (177377030)Python 爬虫.zip
- (177537818)python爬虫基础知识及爬虫实例.zip
- 自动驾驶横纵向耦合控制-复现Apollo横纵向控制 基于动力学误差模型，使用mpc算法，一个控制器同时控制横向和纵向，实现横纵向耦合控制 matlab与simulink联合仿真，纵向控制已经做好油门刹
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
