Question

我正在努力改善我的声音项目网站，但我陷入了...淘选。

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

我不是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>

Answer 1

您正在混合使用Google Maps API 2和API 3代码。这两个不能一起工作，你必须使用其中一个。 API 2已弃用，因此您最好使用API 3.

e.g。 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));

Google API和map.panTo：不平移

1 个答案: