(function(){ 'use strict' var map = L.map('map').setView([24.8, -96], 5); var HERE_app_id = 'zTzEnl1eyyzi3TqSmlsa'; var HERE_app_code = '1fczZYwHACkvMg5tnbuN4g'; var HERE_hybridDayMobile = L.tileLayer('//{s}.{base}.maps.cit.api.here.com/maptile/2.1/maptile/{mapID}/hybrid.day/{z}/{x}/{y}/256/png8?app_id={app_id}&app_code={app_code}', { attribution: 'Map © 1987-2014 HERE', subdomains: '1234', mapID: 'newest', app_id: HERE_app_id, app_code: HERE_app_code, base: 'aerial', minZoom: 0, maxZoom: 20 }).addTo(map); L.TopoJSON = L.GeoJSON.extend({ addData: function(jsonData) { if (jsonData.type === "Topology") { for (var key in jsonData.objects) { var geojson = topojson.feature(jsonData, jsonData.objects[key]); L.GeoJSON.prototype.addData.call(this, geojson); } } else { L.GeoJSON.prototype.addData.call(this, jsonData); } } }); // Copyright (c) 2013 Ryan Clark var topoLayer = new L.TopoJSON(); //d3.json('ageb0.json', function(topoData) { // addTopoData(topoData); //}) function request(url, callback) { var req = new XMLHttpRequest; req.open("GET", url, true); req.setRequestHeader("Accept", "application/json"); req.onreadystatechange = function() { if (req.readyState === 4) { if (req.status < 300) callback(null, JSON.parse(req.responseText)); else callback(req.status); } }; req.send(null); } request('ageb0.json', addTopoData) function addTopoData(error, topoData){ topoLayer.addData(topoData); topoLayer.addTo(map); topoLayer.eachLayer(styleLayer); } function styleLayer(layer){ layer.setStyle({ fillColor : '#7f0000', fillOpacity: .3, color:'#111', weight:1, opacity:1 }); } }());