Javascript map.setCenter(this.getPosition()); map.fitBounds(this.getBounds()); }); google.maps.event.addListener(GeoMarker,'geolocation_err
map.setCenter(this.getPosition()); map.fitBounds(this.getBounds()); }); google.maps.event.addListener(GeoMarker,'geolocation_error',函数(e){ 警报('获取您的位置时出错。消息:'+e.Message); }); GeoMarker.setMap(地图); trafficLayer=new google.maps.trafficLayer(); //trafficLayer.setMap(地图); layer1=新建google.maps.FusionTablesLayer({ //地图:地图, 热图:{ 已启用:false }, 查询:{ 选择:“滑雪线”, 发件人:“1R5pCEyNN74N8Dt9MkfNXA6A9D1HbQESzOR1fYFa7”, 其中:“ }, 选项:{ styleId:2, 模板ID:2 } }); layer2=新建google.maps.FusionTablesLayer({ //地图:地图, 热图:{ 已启用:false }, 查询:{ 自:“19iu58FDFcBIZZ-wU1iZcf89AI5ABDJ7YTv355su5”, 其中:“ }, 选项:{ styleId:2, 模板ID:2 } }); layer3=新建google.maps.FusionTablesLayer({ //地图:地图, 热图:{ 已启用:false }, 查询:{ 选择:“夏季徒步旅行”, 自:“1t1XNnG7J7Zu1p5mIUpm6qIGVYwzhkCgPy_je0IKr”, 其中:“ }, 选项:{ styleId:2, 模板ID:2 } }); layer5=新的google.maps.KmlLayer('http://deepfrogphoto.com/Brett-Pelletier- 摄影/链接/地图/kml/topobwkml.kml'{ suppressInfoWindows:对, //地图:地图, 保存视口:true }); //创建DIV以保存控件和 //调用HomeControl()构造函数传递 //在这个部门。 var homeControlDiv=document.createElement('div'); var homeControl=新的homeControl(homeControlDiv,map); homeControlDiv.index=1; map.controls[google.maps.ControlPosition.TOP\u RIGHT].push(homeControlDiv); } google.maps.event.addDomListener(窗口“加载”,初始化); 如果(!navigator.geolocation){ 警报(“您的浏览器不支持地理位置”); }Javascript map.setCenter(this.getPosition()); map.fitBounds(this.getBounds()); }); google.maps.event.addListener(GeoMarker,'geolocation_err,javascript,html,google-maps-api-3,toggle,Javascript,Html,Google Maps Api 3,Toggle,map.setCenter(this.getPosition()); map.fitBounds(this.getBounds()); }); google.maps.event.addListener(GeoMarker,'geolocation_error',函数(e){ 警报('获取您的位置时出错。消息:'+e.Message); }); GeoMarker.setMap(地图); trafficLayer=new google.maps.trafficLayer(); //traffic
B+W地图
越野滑雪线
度假电梯
夏季小径
雪站
交通
var map, GeoMarker;
function HomeControl(controlDiv, map) {
controlDiv.style.padding = '5px';
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'white';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '1px';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Click to set the map to GPS Center';
controlDiv.appendChild(controlUI);
var controlText = document.createElement('div');
controlText.style.fontFamily = 'Arial,sans-serif';
controlText.style.fontSize = '11px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = '<b>Home</b>';
controlUI.appendChild(controlText);
google.maps.event.addDomListener(controlUI, 'click', function() {
recenterMapOnGeoLoc()
});
}
function toggleLayer(this_layer) {
if (this_layer.getMap()) {
this_layer.setMap(null)
} else {
this_layer.setMap(map);
}
}
function recenterMapOnGeoLoc() {
map.setCenter(GeoMarker.getPosition());
}
function initialize() {
var mapDiv = document.getElementById('map_canvas');
var mapOptions = {
zoom: 20,
center: new google.maps.LatLng(40.563855, -111.675426),
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(mapDiv, mapOptions);
GeoMarker = new GeolocationMarker();
GeoMarker.setCircleOptions({
fillColor: '#EBF4FA'
});
google.maps.event.addListenerOnce(GeoMarker, 'position_changed', function() {
map.setCenter(this.getPosition());
map.fitBounds(this.getBounds());
});
google.maps.event.addListener(GeoMarker, 'geolocation_error', function(e) {
alert('There was an error obtaining your position. Message: ' + e.message);
});
GeoMarker.setMap(map);
trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap(map);
layer1 = new google.maps.FusionTablesLayer({
map: map,
heatmap: {
enabled: false
},
query: {
select: "skilines",
from: "1R5pCEyNN74N8Dt9MkfNXA6A9D1HbQESzOR1fYFa7",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
layer2 = new google.maps.FusionTablesLayer({
map: map,
heatmap: {
enabled: false
},
query: {
from: "19iu58FDFcBIZZ-wU1iZcf89AI5ABDJ7YTv355su5",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
layer3 = new google.maps.FusionTablesLayer({
map: map,
heatmap: {
enabled: false
},
query: {
select: "summerhiking",
from: "1t1XNnG7J7Zu1p5mIUpm6qIGVYwzhkCgPy_je0IKr",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
layer5 = new google.maps.KmlLayer('http://deepfrogphoto.com/Brett-Pelletier- Photography/Links/maps/kml/topobwkml.kml',
{
suppressInfoWindows: true,
map: map,
preserveViewport: true
});
// Create the DIV to hold the control and
// call the HomeControl() constructor passing
// in this DIV.
var homeControlDiv = document.createElement('div');
var homeControl = new HomeControl(homeControlDiv, map);
homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
}
google.maps.event.addDomListener(window, 'load', initialize);
if (!navigator.geolocation) {
alert('Your browser does not support geolocation');
}
//////////////And the menu code is....
<li><a><input checked="checked" id="show_hide_layer5" onchange="toggleLayer(layer5)" type="checkbox" value="ON" /> B+W Map</a> </li>
<li><a><input checked="checked" id="show_hide_layer1" onchange="toggleLayer(layer1)" type="checkbox" value="ON" /> Backcountry Ski Lines</a> </li>
<li><a><input checked="checked" id="show_hide_layer2" onchange="toggleLayer(layer2)" type="checkbox" value="ON" /> Resort Lifts</a> </li>
<li><a><input checked="checked" id="show_hide_layer3" onchange="toggleLayer(layer3)" type="checkbox" value="ON" /> Summer Trails</a> </li>
<li><a><input checked="checked" id="show_hide_layer4" onchange="toggleLayer(layer4)" type="checkbox" value="ON" /> Snow Stations</a> </li>
<li><a><input checked="checked" id="show_hide_layer4" onchange="toggleLayer(trafficLayer)" type="checkbox" value="ON" /> Traffic</a> </li>"