-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (90 loc) · 4.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Richmond Long Range Property Management Plan Parcels</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" /> <!-- when using https -->
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<style>
body {
margin: 0;
padding: 0;
background: whitesmoke;
font-family: Lato, sans-serif;
color: #0D0000;
}
header {
padding: 6px 10%;
}
h1 {
/* display: inline-block; */
text-align: center;
margin-right: 20px;
color: #001323;
}
h2 {
/* display: inline-block; */
text-align: center;
color: #001323;
}
#map {
width: 80%;
height: 540px;
margin: 10px auto;
border: solid;
}
footer {
padding: 6px 10%;
width: 80%;
}
p {
font-size: 1em;
color: #001323;
}
</style>
</head>
<body>
<header>
<h1>Richmond Long Range Property Management Plan Parcels</h1>
<h2>Parcels Of Land Now Owned By The City of Richmond And Their Potential For Transit Oriented Development</h2>
</header>
<div id='map'></div>
<footer>
<p>Map authored by Matthew Bacinskas</p>
<p>This map shows parcels of land that are now owned by the City of Richmond that were formerly owned by the Successor Agency to the Redevelopment Agency and their proximity to AC transit bus stop locations. All the information for the parcels was obtained from Richmond's <a href="http://www.ci.richmond.ca.us/documentcenter/view/36959">Long Range Property Management Plan</a> document. Parcel polygon data was downloaded from the <a href="http://www.ccmap.us/information.asp">Contra Costa County Mapping Information Center</a>. Bus stop location data was downloaded from the AC Transit <a href="http://www.actransit.org/planning-focus/data-resource-center/">Data Resource Center</a>. Parcel Locations layer will dissolve as you zoom in and the bus stop locations will become visible. The individual parcel polygons can be clicked to reveal its Assesor's Parcel Number(APN) and planned use. The APN can be used to look up more detailed information in the Long Range Property Management Plan document. All bus stop locations on this map are within 400 meters (1/4 mile) of the parcels. A distance of 400 meters was used since this is a reasonable walking distance for most people.
</p>
</footer>
<!-- Adding CartoDB.js library when using https -->
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
<!-- JS code to display map and do other map related things -->
<script>
window.onload = function() {
// Create map object from Leaflet
var mapObj = new L.map(map, {
center: [37.923874, -122.348557], // Portrero and S.22nd
zoom: 14, // zoom projection to adjust starting point zoom
minZoom: 14,
maxZoom: 18,
detectRetina: true
});
// Load map tiles from CARTO and add to map
var tiles = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> © <a href="http://cartodb.com/attributions">CartoDB</a> | Map Authored by <a href="https://bazini627.github.io/" target="blank">Matthew Bacinskas</a>',
subdomains: 'abcd',
maxZoom: 18
}).addTo(mapObj);
// RLRPMP Layer
var vizjson_url = 'https://bazini627.carto.com/api/v2/viz/9e21bc18-3b2f-11e6-a41a-0ecfd53eb7d3/viz.json';
// Adding RLRPMP layer to map
cartodb.createLayer(mapObj, vizjson_url)
.addTo(mapObj)
.done(function(layer) {
console.log("Map successfully created.");
})
.error(function(err) {
console.log("Map not created: " + err);
});
}
</script>
</body>