Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Hikmahfajar
Hikmahfajar authored May 16, 2020
1 parent 7a9bb71 commit e674328
Show file tree
Hide file tree
Showing 16 changed files with 1,013 additions and 0 deletions.
165 changes: 165 additions & 0 deletions config.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,165 @@
var config = {
style: 'mapbox://styles/hfassidiq/cka914eio1kp41iljqysqm3w2',
accessToken: 'pk.eyJ1IjoiaGZhc3NpZGlxIiwiYSI6ImNrYTJveG45bzBjZTgzdHBuejN1MjN3YTYifQ.IuW5fXUEKc71VVvJ0JTXxg',
showMarkers: true,
theme: 'light',
alignment: 'left',
title: 'MOBILITAS PENDUDUK DI 5 KASUS TERTINGGI COVID - 19',
subtitle: 'Dinamika di masyarakat dalam menanggapi kebijakan untuk menghadapi COVID-19.',
byline: 'Dibuat : Hikmah Fajar Assidiq',
footer: 'TUGAS MATA KULIAH WEBGEOSPASIAL ',
chapters: [
{
id: 'indonesiaid',
title: 'JUMLAH KASUS POSITIF DI INDONESIA : 16.475',
image:'./images/indonesia.png',
description: 'INDONESIA Memiliki Kasus Pertama Covid - 19 Pada awal maret yang terjadi di Jakarta, Virus Dari waktu ke waktu mengalami Penyebaran secara masif dan merata di seluruh indonesia. Transportasi dan aksesbilitas mendorong masif nya penyebaran ini. berdasarkan dari data rute penerbangan menunjukkan bahwa Bandara di DKI JAKARTA terhubung secara langsung dengan kota lainnya. kota yang terhubung langsung memiliki jumlah terindikasi COVID - 19 yang tinggi',
location: {
center: { lon: 106.650634766, lat: -6.128601074 },
zoom: 6,
pitch: 59.5,
bearing: -1.19,
},
onChapterEnter: [
{
layer: 'natmall-path',
opacity: 0.9,
},
],
onChapterExit: [
{
layer: 'natmall-path',
opacity: 0,
},
],
},
{
id: 'jakartaid',
title: 'DKI JAKARTA - JUMLAH KASUS 5774 POSITIF',
image: './images/jakarta.png',
description: 'Penurunan Mobilitas transportasi Publik disebabkan dengan adanya PSBB, PSBB Memberikan batasan untuk berpergian kelaur rumah termasuk bekerja ',
location: {
center: { lon: 106.650634766, lat: -6.128601074 },
zoom: 8,
pitch: 59.5,
bearing: -1.19,
},
onChapterEnter: [
{
layer: 'natmall-path',
opacity: 0.9,
},
],
onChapterExit: [
{
layer: 'natmall-path',
opacity: 0,
},
],
},
{
id: 'jatimid',
title: 'JAWA TIMUR - JUMLAH KASUS 1921 POSITIF',
image: './images/jatim.png',
description: 'Penurunan Transportasi Publik menunjukkan Kesadaran Masyarakat akan covid yang semakin meningkat',
location: {
center: { lon: 112.800415039, lat: -7.381896973 },
zoom: 14.68,
pitch: 0.0,
bearing: 0.0,
},
onChapterEnter: [
{
layer: 'natmall-visitors-circles',
opacity: 1,
},
{
layer: 'natmall-visitors-labels',
opacity: 1,
},
],
onChapterExit: [
{
layer: 'natmall-visitors-circles',
opacity: 0,
},
{
layer: 'natmall-visitors-labels',
opacity: 0,
},
],
},
{
id: 'jabarid',
title: 'JAWA BARAT - JUMLAH KASUS 1596 POSITIF',
image: './images/jabar.png',
description: 'Penurunan Transportasi Publik > 50%, Terkait PSBB yang diberlakukan secara menyeluruh di Jawa Barat ',
location: {
center: { lon: 107.585632324, lat: -6.903869629 },
zoom: 16.97,
pitch: 45.5,
bearing: -36.8,
},
onChapterEnter: [
{
layer: 'natmall-buildings',
opacity: 0.8,
},
],
onChapterExit: [
{
layer: 'natmall-buildings',
opacity: 0.3,
},
],
},
{
id: 'jatengid',
title: 'JAWA TENGAH - JUMLAH KASUS 1109 POSITIF ',
image: './images/jateng.png',
description: 'Penurunan pengguna Transportasi Publik di Jateng terjadi dengan bertahap, hal ini terkait kebijakan pembatasan mobilitas yang dilakukan di seluruh kab.',
location: {
center: { lon: 110.38104248, lat: -6.977294922 },
zoom: 16.18,
pitch: 59.5,
bearing: -91.09,
},
onChapterEnter: [
{
layer: 'natmall-buildings',
opacity: 0.8,
},
],
onChapterExit: [
{
layer: 'natmall-buildings',
opacity: 0.3,
},
],
},
{
id: 'sulselid',
title: 'SULAWESI SELATAN- JUMLAH KASUS 871 POSITIF',
image: './images/sulsel.png',
description: 'Penurunan Transportasi Publik yang tinggi menunjukkan kesadaran masyarakat akan bahaya Covid.',
location: {
center: { lon: 119.546386719, lat: -5.076293945 },
zoom: 14.18,
pitch: 59.5,
bearing: -1.19,
},
onChapterEnter: [
{
layer: 'natmall-path',
opacity: 0.9,
},
],
onChapterExit: [
{
layer: 'natmall-path',
opacity: 0,
},
],
},
],
};
Binary file added images/Jakarta.PNG
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions images/config.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
var config = {
style: 'mapbox://styles/branigan/cjz37rcb003ib1cr3s8rnkt2d',
accessToken: 'pk.eyJ1IjoibWJ4c29sdXRpb25zIiwiYSI6ImNrMm01aG9hdTBlZGwzbXQ1ZXVrNHNmejAifQ.QHQA0N6XPWddCXtvoODHZg',
showMarkers: true,
theme: 'light',
alignment: 'left',
title: 'The Title Text of this Story',
subtitle: 'A descriptive and interesting subtitle to draw in the reader',
byline: 'By a Digital Storyteller',
footer: 'Source: source citations, etc.',
chapters: [
{
id: 'slug-style-id',
title: 'Display Title',
image: './path/to/image/source.png',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
location: {
center: [-122.418398, 37.759483],
zoom: 13.5,
pitch: 60,
bearing: 0
},
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'other-identifier',
title: 'Second Title',
image: './path/to/image/source.png',
description: 'Copy these sections to add to your story.',
location: {
center: [-77.020636, 38.886900],
zoom: 13.5,
pitch: 60,
bearing: -43.2
},
onChapterEnter: [],
onChapterExit: []
}
]
};
51 changes: 51 additions & 0 deletions images/config.js.template
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
var config = {
style: 'mapbox://styles/mapbox/streets-v11',
accessToken: 'YOUR_ACCESS_TOKEN',
showMarkers: true,
theme: 'light',
alignment: 'left',
title: 'The Title Text of this Story',
subtitle: 'A descriptive and interesting subtitle to draw in the reader',
byline: 'By a Digital Storyteller',
footer: 'Source: source citations, etc.',
chapters: [
{
id: 'slug-style-id',
title: 'Display Title',
image: './path/to/image/source.png',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
location: {
center: [-122.418398, 37.759483],
zoom: 13.5,
pitch: 60,
bearing: 0
},
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'other-identifier',
title: 'Second Title',
image: './path/to/image/source.png',
description: 'Copy these sections to add to your story.',
location: {
center: [-77.020636, 38.886900],
zoom: 13.5,
pitch: 60,
bearing: -43.2
},
onChapterEnter: [],
onChapterExit: []
}
]
};
Binary file added images/covid.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 74 additions & 0 deletions images/helper.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Position Helper</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.4.1/mapbox-gl-geocoder.min.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.4.1/mapbox-gl-geocoder.css' type='text/css' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
#target {
position:absolute; top:0; bottom:0; width:100%;
display: flex; justify-content: center; align-items: center;
pointer-events: none;
}
#target img { width:50px; height:50px; }
#position {
position:absolute; top:0; height: 80px; width: 300px;
background-color: #fff;
padding: 15px;
margin: 10px;
font-family: 'Courier New', Courier, monospace;
}
</style>
</head>
<body>

<div id='map'></div>
<div id="target"><img src="images/target.svg" alt=""></div>
<div id="position"></div>

<script>
var position = document.getElementById("position");

mapboxgl.accessToken = 'pk.eyJ1IjoibWJ4c29sdXRpb25zIiwiYSI6ImNrMm01aG9hdTBlZGwzbXQ1ZXVrNHNmejAifQ.QHQA0N6XPWddCXtvoODHZg';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11', // stylesheet location
center: [-74.50, 40], // starting position [lng, lat]
zoom: 9, // starting zoom
pitch: 45,
bearing: -40
});

map.addControl(new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
mapboxgl: mapboxgl
}));

map.addControl(new mapboxgl.NavigationControl());

map.on("load", function() {
updatePosition();
});

map.on("moveend", function() {
updatePosition()
});

var updatePosition = function() {
var settings = 'center: [' + map.getCenter().lng.toFixed(5) + ', ' + map.getCenter().lat.toFixed(5) + '],\n' +
'zoom: ' + map.getZoom().toFixed(2) + ',\n' +
'pitch: ' + map.getPitch().toFixed(2) + ',\n' +
'bearing: ' + map.getBearing().toFixed(2) + '\n';

position.innerText = settings;
};
</script>

</body>
</html>
Loading

0 comments on commit e674328

Please sign in to comment.