-
Notifications
You must be signed in to change notification settings - Fork 822
/
index.ts
67 lines (60 loc) · 2.33 KB
/
index.ts
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
/**
* @license
* Copyright 2019 Google LLC. All Rights Reserved.
* SPDX-License-Identifier: Apache-2.0
*/
// [START maps_dds_datasets_polygon]
let map;
// [START maps_dds_datasets_polygon_featurestyleoptions]
const styleOptions = {
strokeColor: 'green',
strokeWeight: 2,
strokeOpacity: 1,
fillColor: 'green',
fillOpacity: 0.3,
};
// [END maps_dds_datasets_polygon_featurestyleoptions]
async function initMap() {
// Request needed libraries.
const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
const position = new LatLng(40.757815, -73.933123);
const map = new Map(document.getElementById('map') as HTMLElement, {
zoom: 11,
center: position,
mapId: 'b98e588c46685dd7',
mapTypeControl: false,
});
// Dataset ID for NYC park data.
const datasetId = '6fe13aa9-b900-45e7-b636-3236672c3f4f';
//@ts-ignore
// [START maps_dds_datasets_polygon_featurelayer]
const datasetLayer = map.getDatasetFeatureLayer(datasetId);
datasetLayer.style = styleOptions;
// [END maps_dds_datasets_polygon_featurelayer]
// [START maps_dds_datasets_polygon_attribution_div]
// Create an attribution DIV and add the attribution to the map.
const attributionDiv = document.createElement('div');
const attributionControl = createAttribution(map);
attributionDiv.appendChild(attributionControl);
map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(attributionDiv);
// [END maps_dds_datasets_polygon_attribution_div]
}
// Create a custom control to hold attribution text.
// [START maps_dds_datasets_polygon_attribution_control]
function createAttribution(map) {
const attributionLabel = document.createElement('div');
// Define CSS styles.
attributionLabel.style.backgroundColor = '#fff';
attributionLabel.style.opacity = '0.7';
attributionLabel.style.fontFamily = 'Roboto,Arial,sans-serif';
attributionLabel.style.fontSize = '10px';
attributionLabel.style.padding = '2px';
attributionLabel.style.margin = '2px';
attributionLabel.textContent = 'Data source: NYC Open Data';
return attributionLabel;
}
// [END maps_dds_datasets_polygon_attribution_control]
initMap();
// [END maps_dds_datasets_polygon]
export { };