Google Maps with cached tiles from Kartverket
HTML
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=drawing&dummy=.js"></script>
Layer1 <input type="checkbox" id="layer_01" onclick="toggleLayers(0);" checked="checked"/>
Layer2 <input type="checkbox" id="layer_02" onclick="toggleLayers(1);"/>
<table width="900" align="left">
<tr align="left"><td>
<form>
</form>
</td></tr>
<tr align="left"><td>
<div id="map_canvas" style="width:100%; height:600px"></div>
</td></tr>
</table>
<script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
JavaScript
initMap();
var map;
function skMap(name, layer) {
this.layer = layer
this.name = name
this.alt = name
this.tileSize = new google.maps.Size(256, 256);
this.maxZoom = 19;
this.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('DIV');
div.style.width = this.tileSize.width + 'px';
div.style.height = this.tileSize.height + 'px';
div.style.backgroundImage = "url(http://opencache.statkart.no/gatekeeper/gk/gk.open_gmaps?layers=" + this.layer + "&zoom=" + zoom + "&x=" + coord.x + "&y=" + coord.y + ")";
return div;
};
}
function initMap() {
// Globale var for layer toggles
var layers=[];
// Test lag Lesja
layers[0] = new google.maps.KmlLayer("https://oyer-fjellstyre.squarespace.com/s/Lesja-fjellstyre2.kmz",
{preserveViewport: true});
//var tableId = '1Zx9kxc1MwFrnmdKgGeHLI6zAH4rL9KiFrG3Q00Nr';
var src = 'https://oyer-fjellstyre.squarespace.com/s/Lesja-fjellstyre2.kmz';
var mapOptions = {
zoom: 12,
center: new google.maps.LatLng(5,5)
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
map.mapTypes.set('kartdata2', new skMap("Kart", "kartdata2"));
map.setMapTypeId('kartdata2');
var kmlLayer = new google.maps.KmlLayer(src, {
suppressInfoWindows: false,
map: map
});
kmlLayer.setMap(0);
//layer.setOptions({
// query: {
// select: 'geometry',
// from: '1Zx9kxc1MwFrnmdKgGeHLI6zAH4rL9KiFrG3Q00Nr'
// }
// });
//var layers = new google.maps.FusionTablesLayer(0);
layers.setMap(map);
}
function custLayer(tabno) {
map.setZoom(10)
map.setCenter(new google.maps.LatLng(61.33, 10.60)),
layer.setMap(null);
layer = new google.maps.FusionTablesLayer(tabno);
layer.setMap(map);
}
function toggleLayers(i) {
if(layers[i].getMap() == null) {
layers[i].setMap(map);
}
else {
layers[i].setMap(null);
}
}
// Finn ID for kvar tabellrekke
getData();
function getData() {
//...