Old school D3 from simpler times

All examples By author By category About

sheffieldhale

Full window Github gist

Mapping Wikipedia - Japantown SF

Mapping Wikipedia: "There's the there there"

By Sheffield Hale

Forked from Matthew Barker

Built with blockbuilder.org

forked from sheffieldhale's block: MappingWikipedia - St. Croix

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta name="author" content="Sheffield Hale">
    <title>Wikipedia Articles in Japantown</title>
    <link href="https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/example/leaflet.css" rel="stylesheet" type="text/css" />
    <style>#map { height: 500px; width: 100%; }</style>
</head>
<body>
	<div id="map"></div>
    <script src="https://cdn.jsdelivr.net/gh/matthewbarker/leaflet-wikipedia/example/bundle.js"></script>
    <script>              
        var map = L.map('map').setView([37.7853, -122.4305], 18);

// Add an OpenStreetMap tile layer
        L.tileLayer('https://api.mapbox.com/styles/v1/sheffieldhale/cj1soxlsu001t2rqoshr8c1f0/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1Ijoic2hlZmZpZWxkaGFsZSIsImEiOiJvWU4xOFMwIn0.rU9vYzMsruo3JSJPQ92LaQ', {
            attribution: 'Matthew Barker, Sheffield Hale &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);

// Add a Wikipedia layer
        L.layerGroup.wikipediaLayer({ target: '_blank', images: 'https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/build/images' }).addTo(map);
    </script>
</body>
</html>

xxxxxxxxxx
 
​
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta name="author" content="Sheffield Hale">
    <title>Wikipedia Articles in Japantown</title>
    <link href="https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/example/leaflet.css" rel="stylesheet" type="text/css" />
    <style>#map { height: 500px; width: 100%; }</style>
</head>
<body>
    <div id="map"></div>
    <script src="https://cdn.jsdelivr.net/gh/matthewbarker/leaflet-wikipedia/example/bundle.js"></script>
    <script>              
        var map = L.map('map').setView([37.7853, -122.4305], 18);
​
        // Add an OpenStreetMap tile layer
        L.tileLayer('https://api.mapbox.com/styles/v1/sheffieldhale/cj1soxlsu001t2rqoshr8c1f0/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1Ijoic2hlZmZpZWxkaGFsZSIsImEiOiJvWU4xOFMwIn0.rU9vYzMsruo3JSJPQ92LaQ', {
            attribution: 'Matthew Barker, Sheffield Hale &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);
​
        // Add a Wikipedia layer
        L.layerGroup.wikipediaLayer({ target: '_blank', images: 'https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/build/images' }).addTo(map);
    </script>
</body>
</html>
​
    

Updated missing url https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/example/bundle.js to https://cdn.jsdelivr.net/gh/matthewbarker/leaflet-wikipedia/example/bundle.js

https://cdn.rawgit.com/MatthewBarker/leaflet-wikipedia/master/example/bundle.js