|
-
- var google;
-
- function init() {
- // Basic options for a simple Google Map
- // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
- // var myLatlng = new google.maps.LatLng(40.71751, -73.990922);
- var myLatlng = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
- // 39.399872
- // -8.224454
-
- var mapOptions = {
- // How zoomed in you want the map to start at (always required)
- zoom: 7,
-
- // The latitude and longitude to center the map (always required)
- center: myLatlng,
-
- // How you would like to style the map.
- scrollwheel: false,
- styles: [{"featureType": "all","elementType": "geometry.fill","stylers": [{"weight": "2.00"}]},{"featureType": "all","elementType": "geometry.stroke","stylers": [{"color": "#9c9c9c"}]},{"featureType": "all","elementType": "labels.text","stylers": [{"visibility": "on"}]},{"featureType": "landscape","elementType": "all","stylers": [{"color": "#f2f2f2"}]},{"featureType": "landscape","elementType": "geometry.fill","stylers": [{"color": "#ffffff"}]},{"featureType": "landscape.man_made","elementType": "geometry.fill","stylers": [{"color": "#ffffff"}]},{"featureType": "poi","elementType": "all","stylers": [{"visibility": "off"}]},{"featureType": "road","elementType": "all","stylers": [{"saturation": -100},{"lightness": 45}]},{"featureType": "road","elementType": "geometry.fill","stylers": [{"color": "#eeeeee"}]},{"featureType": "road","elementType": "labels.text.fill","stylers": [{"color": "#7b7b7b"}]},{"featureType": "road","elementType": "labels.text.stroke","stylers": [{"color": "#ffffff"}]},{"featureType": "road.highway","elementType": "all","stylers": [{"visibility": "simplified"}]},{"featureType": "road.arterial","elementType": "labels.icon","stylers": [{"visibility": "off"}]},{"featureType": "transit","elementType": "all","stylers": [{"visibility": "off"}]},{"featureType": "water","elementType": "all","stylers": [{"color": "#46bcec"},{"visibility": "on"}]},{"featureType": "water","elementType": "geometry.fill","stylers": [{"color": "#c8d7d4"}]},{"featureType": "water","elementType": "labels.text.fill","stylers": [{"color": "#070707"}]},{"featureType": "water","elementType": "labels.text.stroke","stylers": [{"color": "#ffffff"}]}]
- };
-
-
-
- // Get the HTML DOM element that will contain your map
- // We are using a div with id="map" seen below in the <body>
- var mapElement = document.getElementById('map');
-
- // Create the Google Map using out element and options defined above
- var map = new google.maps.Map(mapElement, mapOptions);
-
- var addresses = ['New York'];
-
- for (var x = 0; x < addresses.length; x++) {
- $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
- var p = data.results[0].geometry.location
- var latlng = new google.maps.LatLng(p.lat, p.lng);
- new google.maps.Marker({
- position: latlng,
- map: map,
- icon: 'img/loc.png'
- });
-
- });
- }
-
- }
- google.maps.event.addDomListener(window, 'load', init);
|
