Advertisement
Guest User

Untitled

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