0

forループを追加してマップにマーカーを追加したいのですが、array何か手を出そうとしましたが、休憩を取ることができません(##.#########,-##.########)。試した形式として緯度/経度がエコーされていますさまざまな方法がありますが、マップに追加したくないようです。

<script>
var initialLocation;
var map;
var markersArray = [];
var gMarkerLatitude = new Array();
var gMarkerLongitude = new Array();
var markers = [];
<?php $i = 0; while($stmt -> fetch()) { ?>  
gMarkerLatitude[<?php echo $i; ?>] = ["<?php echo $gLatitude; ?>"];
gMarkerLongitude[<?php echo $i; ?>] = ["<?php echo $gLongitude; ?>"];
<?php $i++; } ?>
function initialize() {
 var mapOptions = {
  zoom: 15,
  center: new google.maps.LatLng(56.7626362, -111.379652),
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  disableDefaultUI: false,
  zoomControl: true,
  zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE
  }
};

  map = new google.maps.Map(document.getElementById('gmaps'),
  mapOptions);

  google.maps.event.addListener(map, 'click', function(event) {
    var latitude = event.latLng.lat();
    var longitude = event.latLng.lng();
    deleteOverlays();
    addMarker(event.latLng);
    updateTextFields(latitude, longitude);
  });


  google.maps.event.addListener(marker, 'click', function(event) {
    showInfo(window);
  });

}

function updateTextFields(lati, longi) {
  $('#inputLatitude').val(lati);
  $('#inputLongitude').val(longi);
}


function addMarker(location) {
  marker = new google.maps.Marker({
    position: location,
    map: map
  });
  markersArray.push(marker);
}

try {
for (i = 0; i < gMarkerLongitude.length; i++) {
  var marker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(gMarkerLatitude[i],gMarkerLongitude[i])
  })
  alert(new google.maps.LatLng(gMarkerLatitude[i], gMarkerLongitude[i]));
}

}
catch(err) {
  alert(err);
}

function deleteOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length = 0;
  }
}

function loadScript() {
  var script = document.createElement('script');
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&' +
  'callback=initialize';
  document.body.appendChild(script);
}


$(document).ready(function() {
$(window).resize(function () {
    var h = $(window).height(),
        offsetTop = 190; // Calculate the top offset

    $('#gmaps').css('height', (h - offsetTop));
  }).resize();
  loadScript();
});


</script>
4

2 に答える 2

0

google.maps.LatLngパラメータとして2つの数値を取りますが、文字列を含む配列を渡しています。試す

gMarkerLatitude[<?php echo $i; ?>] = <?php echo $gLatitude; ?>;
gMarkerLongitude[<?php echo $i; ?>] = <?php echo $gLongitude; ?>;

$gLatitudeと$gLongitudeは数値であると仮定します

于 2013-03-05T01:21:32.327 に答える
0

どの部分でエラーが発生していますか? visible: true各マーカーを作成するときに、markerOptions に追加してみてください。また、緯度/経度の値が指定された範囲内にあることを確認してください。

Latitude is specified in degrees within the range [-90, 90].
Longitude is specified in degrees within the range [-180, 180].
于 2013-03-05T03:28:40.980 に答える