Advertisement
Guest User

Untitled

a guest
Jan 17th, 2018
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.90 KB | None | 0 0
  1. // Places API
  2. let address = document.getElementById('address');
  3. function activatePlacesSearch() {
  4. if (address) {
  5. let $address = document.getElementById('address');
  6. let $options = {
  7. types: ['geocode']
  8. };
  9.  
  10. let $autocomplete = new google.maps.places.Autocomplete($address, $options);
  11.  
  12. $autocomplete.setComponentRestrictions({
  13. 'country': ['pl']
  14. });
  15.  
  16. google.maps.event.addListener($autocomplete, 'place_changed', function () {
  17. let place = $autocomplete.getPlace();
  18. document.getElementById('address').value = place.name;
  19. document.getElementById('localizationLat').value = place.geometry.location.lat();
  20. document.getElementById('localizationLng').value = place.geometry.location.lng();
  21. });
  22. }
  23. }
  24.  
  25. function initMap() {
  26. activatePlacesSearch();
  27. }
  28.  
  29.  
  30. activatePlacesSearch();
  31. initMap();
  32.  
  33.  
  34. // Google API
  35. //Dealer map
  36. let dealerMap = document.querySelector('#dealer_map');
  37. if (dealerMap) {
  38. let $lat1 = document.querySelector('#dealerLocalizationLat').value;
  39. let $lng1 = document.querySelector('#dealerLocalizationLng').value;
  40. let $myLatLng1 = new google.maps.LatLng($lat1, $lng1);
  41.  
  42. let $dealerMap = new google.maps.Map(dealerMap, {
  43. zoom: 16,
  44. center: $myLatLng1,
  45. mapTypeId: 'roadmap'
  46. });
  47.  
  48. let $dealerMarker = new google.maps.Marker({
  49. position: $myLatLng1,
  50. map: $dealerMap,
  51. animation:google.maps.Animation.BOUNCE
  52. });
  53.  
  54. document.addEventListener('window', 'load', initMap);
  55. }
  56.  
  57.  
  58.  
  59. //Dealers map
  60. let dealersMap = document.querySelector('#dealers_map');
  61. if (dealersMap) {
  62. let $lat2 = document.querySelector('.dealersLocalizationLat').value;
  63. let $lng2 = document.querySelector('.dealersLocalizationLng').value;
  64. let $myLatLng2 = new google.maps.LatLng($lat2, $lng2);
  65.  
  66. let $dealersMap = new google.maps.Map(dealersMap, {
  67. zoom: 16,
  68. center: $myLatLng2,
  69. mapTypeId: 'roadmap'
  70. });
  71.  
  72. // let markers = [$myLatLng2.length];
  73. // console.log(markers.length);
  74. //
  75. // for (let i = 0; i < markers.length; i++) {
  76. // markers[i] = new google.maps.Marker({
  77. // position: markers[i],
  78. // map: $dealersMap
  79. // });
  80. // }
  81.  
  82. let $dealersMarker = new google.maps.Marker({
  83. position: $myLatLng2,
  84. map: $dealersMap,
  85. animation:google.maps.Animation.BOUNCE
  86. });
  87.  
  88. document.addEventListener('window', 'load', initMap);
  89. }
  90.  
  91. document.addEventListener('window', 'load', initMap, activatePlacesSearch);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement