谷歌在一张地图上映射两个标记

Question

嘿.我试图在具有相同div id的单个地图上放两个点
但是它不起作用..
代码:

第一,

  var map = new GMap2(document.getElementById("map-canvas"));
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(<?=$lat;?>,<?=$lng;?>), 6);

  var point = new GLatLng(<?=$lat;?>,<?=$lng;?>);
  var marker = createMarker(point,'Welcome:<b></b><br>Second Info Window with an image<br><img src="http://localhost/gps/user_photo/" width=80 height=80>')
  map.addOverlay(marker);


  function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

第二,

  var map = new GMap2(document.getElementById("map-canvas"));
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(<?=$mylat;?>,<?=$mylng;?>), 6);

  var point1 = new GLatLng(<?=$mylat;?>,<?=$mylng;?>);
  var marker = createMarker1(point1,'Welcome:<b></b><br>Second Info Window with an image<br><img src="http://localhost/gps/user_photo/" width=80 height=80>')
  map.addOverlay(marker);


  function createMarker1(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

为什么两个点没有在一张地图中显示????? 它将在两个不同的地图中看到......

Answer 1

  //set up map as before

  var point0 = new GLatLng(<?=$mylat0;?>,<?=$mylng0;?>);
  var point1 = new GLatLng(<?=$mylat1;?>,<?=$mylng1;?>);
  var marker0 = createMarker(point0,'Welcome:<b></b><br>First Info Window etc);
  var marker1 = createMarker(point1,'Welcome:<b></b><br>Second Info Window etc);
  map.addOverlay(marker);

// only declare this once
  function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

这是一种方法，只是为了让它为您工作，但本质上 js 点和标记应该是您循环遍历的数组 - 同上可能是 PHP 中的 $mylat 和 $mylong 变量。