2

我在使用 OpenLayers 时遇到问题。我的工作代码是：

<html><body>
  <div id="mapdiv"></div>
  <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  <script>
    map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());

    //var results = new OpenLayers.Layer.Text("My Points", { location:"./checkIns_0_view.txt", projection: map.displayProjection});
    //map.addLayer(results);

    var query = new OpenLayers.LonLat(-122.2928337167, 37.5549570333).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
    var markers = new OpenLayers.Layer.Markers("Markers");
    map.addLayer(markers);
    var size = new OpenLayers.Size(21,25);
    var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
    var icon = new OpenLayers.Icon('http://openlayers.org/dev/img/marker-blue.png', size, offset);
    marker = new OpenLayers.Marker(query, icon);
    markers.addMarker(marker);

    var zoom=16;
    map.setCenter (query, zoom);
  </script>
</body></html>

现在我想添加一个包含一些信息的弹出窗口。我尝试使用几个示例，例如http://openlayers.org/dev/examples/osm-marker-popup.html。我想添加这样的东西：

    var popup = new OpenLayers.Popup.FramedCloud("Popup", query, null, "Text", true);
    map.addPopup(popup);

第一行可以编译，但是当我添加第二行时，浏览器不显示我的地图。我认为这可能与查询 lonLat 有关，但我没有必要的 OpenLayers 技能来找出答案。

我非常感谢您的回答。

问候

4

1 回答 1

2

  1. 根据OpenLayers 文档，您在弹出构造函数中缺少"Text"和true之间的锚参数。可能这是您问题的根源。在弹出窗口的示例中，此参数具有null值：

    var popup = new OpenLayers.Popup.FramedCloud("Popup", 
    myLocation.getBounds().getCenterLonLat(), null,
    'We ' +
    'could be here. Or elsewhere.', 
    null,
    true // true if we want a close (X) button, false otherwise
);

    在您的情况下，您可以使用变量图标而不是空值。

  2. 在函数 map.addPopup(popup) 中，您还应该有第二个参数Exclusive。请参阅 OpenLayers 文档 dev.openlayers.org/docs/files/OpenLayers/Map-js.html#OpenLayers.Map.addPopup 或此方法的定义。我认为使用所有定义的参数是一个很好的做法，因为它经常会产生问题。

希望它会在添加所有参数后起作用。您的工作弹出代码：

var popup = new OpenLayers.Popup.FramedCloud("Popup", query, null, "Text", null, true);
map.addPopup(popup, false);
于 2013-06-23T19:15:12.623 回答