1

我正在尝试改进我的声音项目网站，但我陷入了……平移。

我有一个由标记填充的谷歌地图，与文本和录制的声音相关联。有用。我试图让用户通过平移来导航地图，因为我无法让我的地图平移。

我不是 php 或 Google API 方面的专家，这是我在这里的第一篇文章，希望格式正确。

该项目的网址是soundplaces.net

我创建了一个函数 map_panning()，然后尝试使用

<a href="" onclick="map_panning()">please PAN</a>

在内容 div 中。

地图只是重新加载......即使我试图在函数中放置“return false”。

单击标记时，我还尝试使地图平移

GEvent.addListener(marker, 'click', function() {
         marker.openInfoWindowHtml(html); map.panTo(marker.getPoint());  
      });

但是，仍然不起作用。

有谁能够帮我？

这是我在 default.ctp 中的大部分代码（该网站是用 CAKE 制作的），希望对您有所帮助。

function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(<?php echo $CenterMap; ?>), 13);
map.setMapType(G_SATELLITE_MAP);
GDownloadUrl("http://www.soundplaces.net/xml.php", function(data) {
  var xml = GXml.parse(data);
  var markers = xml.documentElement.getElementsByTagName("marker");
  for (var i = 0; i < markers.length; i++) {
    var name = markers[i].getAttribute("name");
var description = markers[i].getAttribute("description");
    var address = markers[i].getAttribute("address");
    var type = markers[i].getAttribute("type");
    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
var file_name = markers[i].getAttribute("file_name");
    var marker = createMarker(point, name, description, address, type, file_name);
    map.addOverlay(marker);


      }
    });
  }
}

function createMarker(point, name, description, address, type, file_name) {
  //var marker = new GMarker(point, customIcons[type]);
  markerOptions = { icon:soundIcon };
  var marker = new GMarker(point, markerOptions);
  var html = "<b>" + name + "</b> <br/>" + address + "<br />" + description + "<br />" + "<object type='application/x-shockwave-flash' data='/media/dewplayer.swf?mp3=/media/audio/"+file_name+"' width='200' height='20'><param name='movie' value='dewplayer.swf?mp3=media/audio/"+file_name+"' /></object>";
  GEvent.addListener(marker, 'click', function() {
    marker.openInfoWindowHtml(html); map.panTo(marker.getPoint());  
  });
  return marker;
}


function map_panning() {
    map.panTo(new google.maps.LatLng(44.433373,10.712251));
    return false; //cancel navigation
}

然后在体内

   <body onload="load()" onunload="GUnload()">



        <div id="content">
        <a href="" onclick="map_panning()">Please PAN</a>
            <?php echo $this->Session->flash(); ?>

            <?php echo $content_for_layout; ?>

        </div>
<?php echo $this->element('sql_dump'); ?>
</body>
4

1 回答 1

1

您正在混淆 Google Maps API 2 和 API 3 代码的组合。两者不能一起使用，您必须使用其中一个。API 2 已弃用，因此您最好使用 API 3。

例如new google.maps.LatLng(44.433373,10.712251)是 API 3，但是new GMarker(point, markerOptions)是 API 2。

如果您确实想使用 API 2 保留所有内容，您可能应该将 map_panning 函数修改为：

map.panTo(new GLatLng(44.433373,10.712251));
于 2012-02-14T13:46:07.240 回答