Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function($) {
- $(document).ready(function(){
- var marker;
- var image = 'images/map-marker.png';
- function initMap() {
- var myLatLng = {lat: 39.79, lng: -86.14};
- // Specify features and elements to define styles.
- var styleArray = [
- {"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}]}
- ];
- var map = new google.maps.Map(document.getElementById('map'), {
- center: myLatLng,
- scrollwheel: false,
- // Apply the map style array to the map.
- styles: styleArray,
- zoom: 7
- });
- var directionsDisplay = new google.maps.DirectionsRenderer({
- map: map
- });
- // Create a marker and set its position.
- marker = new google.maps.Marker({
- map: map,
- icon: image,
- draggable: true,
- animation: google.maps.Animation.DROP,
- position: myLatLng
- });
- marker.addListener('click', toggleBounce);
- }
- function toggleBounce() {
- if (marker.getAnimation() !== null) {
- marker.setAnimation(null);
- } else {
- marker.setAnimation(google.maps.Animation.BOUNCE);
- }
- }
- });
- })( jQuery );
Add Comment
Please, Sign In to add comment