javascript - OpenStreetMap 和 OpenLayer : simple marker labels

Question

我正在尝试将 OpenStreetMap 与 OpenLayers.js 一起使用，因为我必须在网页中集成带有标记和标签的 map 。我到处搜索，但没有找到任何东西......我有这个脚本:

// Definisco la variabilie mappa come un oggetto OpenLayers.Map utilizzando il DivMappa, poi aggiungo il Layer OSM (Open Street Map)
var Mappa = new OpenLayers.Map("DivMappa");
Mappa.addLayer(new OpenLayers.Layer.OSM());

// Creo l'oggetto contenente le coordinate (prima longitudine e poi latitudine)
var LonLat = new OpenLayers.LonLat( 12.492347,  41.890183 );
var LonLat2 = new OpenLayers.LonLat( 12.492347,  12.492347 );

// Imposto lo zoom
var zoom=16;

// Creo una variabile contenete il layer dei marker poi collego il layer dei markers alla mappa
var LayerMarkers = new OpenLayers.Layer.Markers( "Markers" );
Mappa.addLayer(LayerMarkers);

// Aggiungo al layer dei marker un marker (utilizzando l'oggetto lonLat per le coordinate)
LayerMarkers.addMarker(new OpenLayers.Marker(LonLat));
LayerMarkers.addMarker(new OpenLayers.Marker(LonLat2));

// Imposto le coordinate di lonLat come centro della mappa di partenza
Mappa.setCenter (LonLat, zoom);

有了这个，我只能创建标记，但我需要在它们的顶部显示正在显示的位置的文本。是否可以直接在标记上添加简单的标签/标题？就像谷歌地图上发生的那样？提前致谢!

Answer 1

制作者只是图像。它们不支持文本或标签。

我建议您使用弹出窗口，例如 http://dev.openlayers.org/examples/osm-marker-popup.html

否则，您应该将 Layer.Vector 与 StyleMap 一起使用，如下所示 http://dev.openlayers.org/examples/vector-features-with-text.html