diim010
9/25/2015 - 9:18 PM

google maps custom ui

google maps custom ui

<script async defer
          src="https://maps.googleapis.com/maps/api/js?key=KEYHERE&callback=initMap">
  </script>

<script>
  var map;
    function initMap() {
      var directionsService = new google.maps.DirectionsService;
      var directionsDisplay = new google.maps.DirectionsRenderer;
      var mapOptions = {
          zoom: 16,
          panControl: false,
          zoomControl: false,
          scaleControl: false,
          scrollwheel: false,
          navigationControl: false,
          mapTypeControl: false,
          draggable: true,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          center: new google.maps.LatLng(55.729194,37.611104,18),
          styles: [{"stylers":[{"visibility":"off"}]},
                   {"featureType":"road","stylers":[{"visibility":"on"},{"color":"#ffffff"}]},
                   {"featureType":"road.arterial","stylers":[{"visibility":"on"},{"color":"#e0ddc8"}]},
                   {"featureType":"road.highway","stylers":[{"visibility":"on"},{"color":"#e0ddc8"}]},
                   {"featureType":"water","stylers":[{"visibility":"on"},{"color":"#ccced8"}]},{},
                   {"featureType":"road","elementType":"labels","stylers":[{"visibility":"on"},{"color":"#0e4c6c"},{"weight":0.01}]},
                   {"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#c9d0d0 "}]},{"elementType":"labels","stylers":[{"visibility":"on"}]},
                   {"featureType":"poi.business",     "stylers":[         {"visibility":"off"}        ]   },  
                  ]
      };
      var mapElement = document.getElementById('map');
      var map = new google.maps.Map(mapElement, mapOptions);
      var image = '../wp-content/themes/BS-cons/img/map_pointer.png';
      var marker = new google.maps.Marker({
          position: new google.maps.LatLng(55.729194, 37.611104),
          map: map,
          title:"'Юридическая компания BS Consult",
          icon: image
      });
    }

</script>