Web sitesi için aynı google haritaya iki konum ekleyebilirim

Question

Aynı google map üzerinde iki konum eklemeye çalışıyorum. Burada bir yer ekledim, Enlem ve Boylam olan 51.626778, 0.513829 gibi başka bir konumu nasıl ekleyebilirim. Önceki Hindistan adresimizle aynı şeyi eklerseniz, Latitude ve Longitude virgülle virgülle ekleyerek işe yaramıyor. Aşağıda Benim HB ve HTML

Ben "http://maps.google.com/maps/api/js?sensor=false"

HTML API kullanarak google harita entegre etmiş: <div id="Map"></div>

CSS: #map{ width:100%; height:450px;}

JS:

var locations = [ 
    ['<div class="infobox"><h3 class="title"><a href="#contact">OUR INDIA ADDRESS</a></h3></div></div></div>', 12.996868, 80.209891, 2] 

    ]; 

    var map = new google.maps.Map(document.getElementById('map'), { 

     zoom: 13, 
     scrollwheel: false, 
     navigationControl: true, 
     mapTypeControl: false, 
     scaleControl: false, 
     draggable: false, 
     styles: [ { "stylers": [ { "hue": "#ff6501" }, {saturation: 20}, 
      {gamma: 1} ] } ], 
     center: new google.maps.LatLng(12.996868, 80.209891), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var infowindow = new google.maps.InfoWindow(); 

    var marker, i; 

    for (i = 0; i < locations.length; i++) { 

     marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map , 
     icon: 'images/marker1.png' 
     }); 


     google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(locations[i][0]); 
      infowindow.open(map, marker); 

     } 
     })(marker, i)); 
    } 

Lütfen kılavuz bana bu konuda yardım için teşekkürler.

Düzenleme: aynı anda birden fazla konum gösteren Evet aynı şekilde, işaretleyici ile

Answer 1

konum değişkeni burada aşağıdaki örnekte bu

var locations = [ ['OUR INDIA ADDRESS', 12.996868, 80.209891, 2],['OUR INDIA ADDRESS', 51.626778, 0.513829, 2]] 

gibi olmalıdır onun açıkça bir haritaya birden yerini eklendi nasıl gösterir . Burada birden fazla işaretçi simgesinin eklenebileceği örnek ve tıklama üzerine bir işaretçi yerleştirebilir ve bilgi penceresinde bilgi gösterebiliriz.

<script> 
var locations = [ 
     ['Hyderabad', 17.38504, 78.48667], 
     ['Chennai', 13.08268, 80.27072], 
     ['Bangalore', 12.97160, 77.59456], 
     ['Mumbai', 19.07598, 72.87766], 
     ['Pune', 18.52043, 73.85674] 
]; 
var Hyderabad = new google.maps.LatLng(17.38504, 78.48667); 
var Chennai = new google.maps.LatLng(13.08268, 80.27072); 
var Bangalore = new google.maps.LatLng(12.97160, 77.59456); 
var mumbai = new google.maps.LatLng(19.07598, 72.87766); 
var map = null; 
function initialize() { 
    var mapProp = { 
     center: Hyderabad, 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 
    for (var i = 0; i < locations.length; i++) { 
     var marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
      content: locations[i][0] 
     }); 
     var infowindow = new google.maps.InfoWindow({ 
      content: locations[i][0] 
     }); 
     marker.setMap(map); 
    } 
    var geocoder = new google.maps.Geocoder; 
    var infowindow = new google.maps.InfoWindow; 

    google.maps.event.addListener(map, 'click', function (event) { 
     placeMarker(event.latLng); 
     geocodeLatLng(geocoder,map,infowindow,event.latLng) 
    }); 

} 

function placeMarker(location) { 
    debugger; 
    var marker = new google.maps.Marker({ 
     position: location, 
     map: map, 
     draggable: true 
    }); 
    //var infowindow = new google.maps.InfoWindow({ 
    // content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng() 
    //}); 
    //infowindow.open(map, marker); 
    //geocodeLatLng(geocoder,map,infowindow); 
} 

function geocodeLatLng(geocoder, map, infowindow, latlang) { 
    debugger; 
    //var input = latlang; 
    //var latlngStr = input.split(',', 2); 
    var latlng = { lat: parseFloat(latlang.lat()), lng: parseFloat(latlang.lng()) }; 
    geocoder.geocode({'location': latlng}, function(results, status) { 
     if (status === google.maps.GeocoderStatus.OK) { 
      if (results[1]) { 
       //map.setZoom(11); 
       var marker = new google.maps.Marker({ 
        position: latlng, 
        map: map 
       }); 
       infowindow.setContent(results[1].formatted_address); 
       infowindow.open(map, marker); 
      } else { 
       window.alert('No results found'); 
      } 
     } else { 
      window.alert('Geocoder failed due to: ' + status); 
     } 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 2

Kodunuz çalışır. Sadece dizideki yeni bir öğe oluşturun:

var locations = [ 
    ['OUR INDIA ADDRESS', 12.996868, 80.209891, 2], 
    ['OUR INDIA ADDRESS 2', 12.976868, 80.209891, 2] 
]; 

size örnek olarak verdiği koordinatları [51,626778, 0.513829] avrupa olduğunu. http://jsfiddle.net/adrianogodoy/325ukwsg/2/