Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Places API
- let address = document.getElementById('address');
- function activatePlacesSearch() {
- if (address) {
- let $address = document.getElementById('address');
- let $options = {
- types: ['geocode']
- };
- let $autocomplete = new google.maps.places.Autocomplete($address, $options);
- $autocomplete.setComponentRestrictions({
- 'country': ['pl']
- });
- google.maps.event.addListener($autocomplete, 'place_changed', function () {
- let place = $autocomplete.getPlace();
- document.getElementById('address').value = place.name;
- document.getElementById('localizationLat').value = place.geometry.location.lat();
- document.getElementById('localizationLng').value = place.geometry.location.lng();
- });
- }
- }
- function initMap() {
- activatePlacesSearch();
- }
- activatePlacesSearch();
- initMap();
- // Google API
- //Dealer map
- let dealerMap = document.querySelector('#dealer_map');
- if (dealerMap) {
- let $lat1 = document.querySelector('#dealerLocalizationLat').value;
- let $lng1 = document.querySelector('#dealerLocalizationLng').value;
- let $myLatLng1 = new google.maps.LatLng($lat1, $lng1);
- let $dealerMap = new google.maps.Map(dealerMap, {
- zoom: 16,
- center: $myLatLng1,
- mapTypeId: 'roadmap'
- });
- let $dealerMarker = new google.maps.Marker({
- position: $myLatLng1,
- map: $dealerMap,
- animation:google.maps.Animation.BOUNCE
- });
- document.addEventListener('window', 'load', initMap);
- }
- //Dealers map
- let dealersMap = document.querySelector('#dealers_map');
- if (dealersMap) {
- let $lat2 = document.querySelector('.dealersLocalizationLat').value;
- let $lng2 = document.querySelector('.dealersLocalizationLng').value;
- let $myLatLng2 = new google.maps.LatLng($lat2, $lng2);
- let $dealersMap = new google.maps.Map(dealersMap, {
- zoom: 16,
- center: $myLatLng2,
- mapTypeId: 'roadmap'
- });
- // let markers = [$myLatLng2.length];
- // console.log(markers.length);
- //
- // for (let i = 0; i < markers.length; i++) {
- // markers[i] = new google.maps.Marker({
- // position: markers[i],
- // map: $dealersMap
- // });
- // }
- let $dealersMarker = new google.maps.Marker({
- position: $myLatLng2,
- map: $dealersMap,
- animation:google.maps.Animation.BOUNCE
- });
- document.addEventListener('window', 'load', initMap);
- }
- document.addEventListener('window', 'load', initMap, activatePlacesSearch);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement