Guest User

Untitled

a guest
Nov 23rd, 2017
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.38 KB | None | 0 0
  1. (function($) {
  2. $(document).ready(function(){
  3. var marker;
  4. var image = 'images/map-marker.png';
  5. function initMap() {
  6. var myLatLng = {lat: 39.79, lng: -86.14};
  7.  
  8. // Specify features and elements to define styles.
  9. var styleArray = [
  10. {"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}
  11. ];
  12.  
  13. var map = new google.maps.Map(document.getElementById('map'), {
  14. center: myLatLng,
  15. scrollwheel: false,
  16. // Apply the map style array to the map.
  17. styles: styleArray,
  18. zoom: 7
  19. });
  20.  
  21. var directionsDisplay = new google.maps.DirectionsRenderer({
  22. map: map
  23. });
  24.  
  25. // Create a marker and set its position.
  26. marker = new google.maps.Marker({
  27. map: map,
  28. icon: image,
  29. draggable: true,
  30. animation: google.maps.Animation.DROP,
  31. position: myLatLng
  32. });
  33. marker.addListener('click', toggleBounce);
  34. }
  35.  
  36. function toggleBounce() {
  37. if (marker.getAnimation() !== null) {
  38. marker.setAnimation(null);
  39. } else {
  40. marker.setAnimation(google.maps.Animation.BOUNCE);
  41. }
  42. }
  43. });
  44. })( jQuery );
Add Comment
Please, Sign In to add comment