-1

Web サイト用に作成しているマップにピンを追加しようとしています。

HTMLコードは最大4つのピンしか提供しません。これまでに6つ追加しようとしましたが、さらに多くのピンが追加される予定です。誰かがそれを修正する方法を教えてもらえますか?

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Multiple Markers</title> 
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCHLqk7ajEQviaeDoaEOiYvxWAtuATm5oY&callback=initMap">
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 600px; height: 600px;"></div>

  <script type="text/javascript">
    var locations = [
      ['Stolford Beach Stogursey TA51TW', 51.207404, -3.099290, 1],
      ['Lilstock Beach, Lillstock TA51SU', 51.201793,  -3.186663, 2],
      ['Kilve Beach, Kilve TA51EG', 51.192534, -3.227412, 3],
      ['<p>East Quantoxhead Beach</p> <p>East Quantoxhead TA51EJ 5Mins- Accesible from kilve at low tide (14:30)</p>', 51.190542, -3.238637, 4],
      ['St Andries Bay, West Quantoxhead TA4 4DY', 51.181029, -3.272607, 5]
      ['Doniford Beach, Doniford TA230TL', 51.179679, -3.308254, 6]
    ];

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 9,
      center: new google.maps.LatLng( 50.858026, -3.392425),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var infowindow = new google.maps.InfoWindow();
maxWidth: 200
    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
      });

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

          infowindow.open(map, marker);

        }
      })(marker, i));
    }
  </script>
</body>
</html>
4

1 に答える 1

0

初期化する場所をよく見てくださいvar locations。,4 番目の要素の後のネストされた配列の後ろを忘れました。

&callback=initMapエラーが発生するため、6 行目の URL からさらに削除します。

それが役に立てば幸い！

于 2016-10-01T21:19:53.473 に答える