Блог

Главная - Вопросы по программированию - Добавить второй маркер в код javascript Google Maps

Добавить второй маркер в код javascript Google Maps

#google-maps #marker

#google-карты #маркер

Вопрос:

Это мой код, и я хочу добавить к нему второй маркер. У меня нет опыта работы с javascript, и я не мог придумать, как это сделать. Я бы тоже хотел немного объяснить!

 <script type="text/javascript">
        var map;
        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(XX.XXXXX, YY.YYYYYY),
                zoom: 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map-canvas"),
                      mapOptions);

            var myLatlng = new google.maps.LatLng(XX.XXXXX, YY.YYYYYY);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: "'. $xmladd .'"
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
        google.maps.event.addDomListener(window, "resize", function () {
            var center = map.getCenter();
            google.maps.event.trigger(map, "resize");
            map.setCenter(center);
        });
    </script>

Комментарии:

1. С какими проблемами вы столкнулись? Вы должны иметь возможность дублировать код для первого маркера (соответствующим образом изменяя положение).

Ответ №1:

Продублируйте код для первого маркера, соответствующим образом изменив его положение.

фрагмент кода:

 html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
} 
 <div id="map-canvas"></div>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
  var map;

  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(40.7127837, -74.0059413),
      zoom: 11,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map-canvas"),
      mapOptions);

    var myLatlng = new google.maps.LatLng(40.7127837, -74.0059413);
    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: "'. $xmladd .'"
    });
    var myLatlng2 = new google.maps.LatLng(40.735657, -74.1723667);
    var marker2 = new google.maps.Marker({
      position: myLatlng2,
      map: map,
      title: "'. $xmladd2 .'"
    });
  }
  google.maps.event.addDomListener(window, 'load', initialize);
  google.maps.event.addDomListener(window, "resize", function() {
    var center = map.getCenter();
    google.maps.event.trigger(map, "resize");
    map.setCenter(center);
  });
</script>
Метки: