在OpenLayers中添加可點擊的特性

Question

我想向矢量圖層添加特徵並點擊要顯示其特徵的特徵。任何人都可以通過這個指導我。

Answer 1

您可以顯示彈出窗口來顯示信息。

設置的屬性說「名」，這包含了您的功能如下信息，

var feature = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(specify your points here), 
{some:'data'}, 
{externalGraphic: 'image for your feature', 
graphicHeight: 21, graphicWidth: 16}); 
feature.attributes = { 
name:"My feature info"}; 

創建功能添加您的載體層，並設置控制如下

Control = new OpenLayers.Control.SelectFeature(myvectorLayer, 
{ 
onSelect: onFeatureSelect, 
onUnselect: onFeatureUnselect 
}); 

後現在定義您的onFeatureSelect函數

function onFeatureSelect(feature) 
{ 
var popup = new OpenLayers.Popup.FramedCloud("MyPopUp", 
feature.geometry.getBounds().getCenterLonLat(), 
null,feature.attributes.name, null, true, onPopupClose); 
popup.panMapIfOutOfView = true; 
popup.autoSize = true; 
feature.popup = popup; 
map.addPopup(popup); 
} 

該段代碼「feature.attributes.name」會顯示你的特性的「name」屬性中存在的任何內容作爲彈出框的主體。你甚至可以在包含img標籤的html標籤組合等特性中定義你的name屬性。