Data Visualization-and-Data-Modelling-week-9-LAB.pdf
ManzurAshraf1
10 views
23 slides
Jul 13, 2024
Slide 1 of 23
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
About This Presentation
Data Visualization-and-Data-Modelling-week-9-LAB.pdf
Slide Content
Google Map: JavascriptAPI (basics,
events, controls & interactions)
Dr Manzur Ashraf
www.cic.vic.edu.au
events, controls & interactions)
Dr Manzur Ashraf
www.cic.vic.edu.au
Presentation title 2
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 3
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 4
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 5
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 6
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 7
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 8
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 9
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 10
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 11
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 12
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 13
www.cic.vic.edu.au
Insert Map API
www.cic.vic.edu.au
Insert Map API
Presentation title 14
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 15
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 16
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 17
www.cic.vic.edu.au
https://developers.google.com/chart/interactive/docs/gallery/map#fullhtml
Enable these two APIs
www.cic.vic.edu.au
https://developers.google.com/chart/interactive/docs/gallery/map#fullhtml
Enable these two APIs
Presentation title 18
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 19
www.cic.vic.edu.au
Named
Locations
www.cic.vic.edu.au
Named
Locations
Presentation title 20
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 21
www.cic.vic.edu.au
www.cic.vic.edu.au
Presentation title 22
www.cic.vic.edu.au
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {
"packages":["map"],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
"mapsApiKey": "AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY"
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Lat', 'Long', 'Name'],
[37.4232, -122.0853, 'Work'],
[37.4289, -122.1697, 'University'],
[37.6153, -122.3900, 'Airport'],
[37.4422, -122.1731, 'Shopping']
]);
var map = new google.visualization.Map(document.getElementById('map_div'));
map.draw(data, {
showTooltip: true,
showInfoWindow: true
});
}
</script>
</head>
<body>
<div id="map_div" style="width: 400px; height: 300px"></div>
</body>
</html>
www.cic.vic.edu.au
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {
"packages":["map"],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
"mapsApiKey": "AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY"
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Lat', 'Long', 'Name'],
[37.4232, -122.0853, 'Work'],
[37.4289, -122.1697, 'University'],
[37.6153, -122.3900, 'Airport'],
[37.4422, -122.1731, 'Shopping']
]);
var map = new google.visualization.Map(document.getElementById('map_div'));
map.draw(data, {
showTooltip: true,
showInfoWindow: true
});
}
</script>
</head>
<body>
<div id="map_div" style="width: 400px; height: 300px"></div>
</body>
</html>
www.cic.vic.edu.au
Prepared by Dr Manzur Ashraf
Prepared by Dr Manzur Ashraf
Tags
Categories
DesignDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 10
- Slides 23
- Age 507 days
Related Slideshows
1
MGV Residential Design projects for different clients, including a New Mexico Adobe project-1-.pdf
mannyvesa
26 views
16
EUNITED_Advocacy and Public Engagement through Visual Media
GeorgeDiamandis11
31 views
31
DESIGN THINKINGGG PPT 2 TOPIC IDEATION.pptx
HibaZaidi2
24 views
36
DESIGN THINKING CHAPTER 1 PPTT PPT 1.pptx
HibaZaidi2
28 views
112
Hinduism and Its History - PowerPoint Slides.pptx
ConorMcCormack10
24 views
20
Service Attributes of Manufactured Parts.pptx
MustafaEnesKrmac
24 views