Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Jeyaram
Visualization
Commits
891ee8fb
Commit
891ee8fb
authored
May 29, 2023
by
Rushikesh Padsala
Browse files
Added Chart.js to Leaflet.js
parent
d8909462
Changes
1
Hide whitespace changes
Inline
Side-by-side
Exercise 1/index.html
View file @
891ee8fb
<html>
<head>
<title>
Building - Heat Demand
</title>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
...
...
@@ -11,10 +9,10 @@
<script
src=
"https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity=
"sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=
""
></script>
<script
src=
"https://cdn.jsdelivr.net/npm/chart.js"
></script>
<script
src=
"https://cdn.jsdelivr.net/npm/chart.js"
></script>
<script
src=
"building_data.js"
></script>
<link
rel=
"stylesheet"
href=
"index.css"
>
<style>
<style>
body
{
display
:
flex
;
flex-direction
:
row
;
...
...
@@ -34,15 +32,16 @@
}
</style>
</head>
<body>
<div
id=
"map-container"
>
<div
id=
"map-container"
>
<div
id=
"mapid"
></div>
</div>
<div
id=
"chart-container"
>
<canvas
id=
"yocChart"
></canvas>
</div>
<script>
<script>
var
mymap
=
L
.
map
(
'
mapid
'
).
setView
([
48.79205
,
9.20758
],
16
);
var
OpenStreetMap_DE
=
L
.
tileLayer
(
'
https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png
'
,
{
maxZoom
:
18
,
...
...
@@ -91,7 +90,10 @@
onEachFeature
:
onEachFeature
,
style
:
style
,
}).
addTo
(
mymap
);
// Retrieve the building year of construction data from the GeoJSON
// Retrieve the building year of construction data from the GeoJSON
var
buildingYoc
=
building_data
.
features
.
map
(
function
(
feature
)
{
return
feature
.
properties
.
Year_of_co
;
});
...
...
@@ -146,12 +148,6 @@ var yocChart = new Chart(ctx, {
}
});
</script>
</script>
</body>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment