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);

最初の行はコンパイルできますが、2 行目を追加すると、ブラウザーにマップが表示されません。query-lonLat に関係があるのではないかと思いますが、調べるのに必要な OpenLayers スキルがありません。

回答をいただければ幸いです。

ご挨拶

4

1 に答える 1