aebadirad / leaflet.autolayers Goto Github PK

var googleStreets = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
    }),
    googleHybrid = L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
    }),
    googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
    }),
    googleTerrain = L.tileLayer('http://{s}.google.com/vt/lyrs=p&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
    });

var imagerySet = "Aerial"; // AerialWithLabels | Birdseye | BirdseyeWithLabels | Road
var bingKey = "LfO3DMI9S6GnXD7d0WGs~bq2DRVkmIAzSOFdodzZLvw~Arx8dclDxmZA0Y38tHIJlJfnMbGq5GXeYmrGOUIbS2VLFzRKCK0Yv_bAl6oe-DOc";

var bingAerial = new L.BingLayer(bingKey, {
    type: "Aerial"
});
var bingAerialWithLabels = new L.BingLayer(bingKey, {
    type: "AerialWithLabels"
});
var bingRoad = new L.BingLayer(bingKey, {
    type: "Road"
});
var mbAttr = 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
    '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
    'Imagery © <a href="http://mapbox.com">Mapbox</a>';
var mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw';

var mapboxGrayscale = L.tileLayer(mbUrl, {
    id: 'mapbox.light',
    attribution: mbAttr
});
var mapboxStreets = L.tileLayer(mbUrl, {
    id: 'mapbox.streets',
    attribution: mbAttr
});
var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
});
var baseLayers = {
    "OpenStreetMap": osm,
    "Mapbox Grayscale": mapboxGrayscale,
    "Mapbox Streets": mapboxStreets,
    "Google Streets": googleStreets,
    "Google Hybrid": googleHybrid,
    "Google Sate": googleSat,
    "Google Terrain": googleTerrain,
    "Bing Aerial": bingAerial,
    "Bing Hybrid": bingAerialWithLabels,
    //"Bing Birdseye":bingBirdseye,
    "Bing Road": bingRoad


};

var domains = new L.LayerGroup();
var cities = new L.LayerGroup();
var boundaries = new L.LayerGroup();

L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.').addTo(cities),
    L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.').addTo(cities),
    L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.').addTo(cities),
    L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.').addTo(cities),

L.tileLayer.wms('http://mrdata.usgs.gov/services/ds898?', {
    layers: 'domains',
    transparent: true,
    format: 'image/png'
}).addTo(domains),

L.tileLayer.wms('http://mrdata.usgs.gov/services/ds898?', {
    layers: 'boundaries',
    transparent: true,
    format: 'image/png'
}).addTo(boundaries);

var overlays = {
    "domains": domains,
    "boundaries": boundaries,
    "cities": cities,
};

var map = L.map('map', {
    zoom: 6,
    center: [39, -104]
});

var config = {
    overlays:overlays,
    selectedBasemap: 'OpenStreetMap',
    selectedOverlays: ["domains","boundaries"],
    baseLayers:baseLayers,
     /*mapServers: [{
        "url": "http://services.nationalmap.gov/arcgis/services/GlobalMap/GlobalMapWMS/MapServer/WmsServer?",
        "dictionary": "http://services.nationalmap.gov/arcgis/services/GlobalMap/GlobalMapWMS/MapServer/WMSServer?request=GetCapabilities&service=WMS",
        "name": "wms",
        "type": "wms",
        "baseLayers": []
    }]*/

};

var control = L.control.autolayers(config).addTo(map);