-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.js
76 lines (54 loc) · 1.92 KB
/
map.js
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
// // (function() {
// $(document).ready(function() {
// var placesAutocomplete = places({
// appId: algolia_key.ID,
// apiKey: algolia_key.SEARCH_KEY,
// container: document.querySelector('#city'),
// templates: {
// value: function(suggestion) {
// return suggestion.name;
// }
// }
// }).configure({
// type: 'city',
// aroundLatLngViaIP: false,
// });
// // placesAutocomplete();
// // })();
// })
// var lat;
// var lng;
$(document).ready(function(){
console.log("loading map.js");
// TO MAKE THE MAP APPEAR YOU MUST
// ADD YOUR ACCESS TOKEN FROM
// https://account.mapbox.com
mapboxgl.accessToken = mapbox_key.TOKEN;
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
// default Marseille: 43.2965° N, 5.3698° E
center: [5.3698, 43.2965],
zoom: 12,
});
map.addControl(
new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
mapboxgl: mapboxgl
})
);
// return a LngLat object such as {lng: 0, lat: 0}
// var {lng,lat} = map.getCenter();
coord = map.getCenter();
// [lng, lat] = [coord.lng, coord.lat];
// console.log('longitude: ', lng, 'latitude: ', lat);
$('#map').find('.mapboxgl-ctrl-geocoder--input').attr('placeholder','Search a city... ex. Marseille');
// const input = document.querySelector('.mapboxgl-ctrl-geocoder--input');
// input.addEventListener('change', function (e) {
// e.preventDefault();
// coord = map.getCenter();
// console.log('input changed');
// console.log('longitude: ', coord.lng, 'latitude: ', coord.lat);
// });
})
export default map;