Javascript 创建交互式地图传单
为了创建一个由几个层组成的交互式地图,我使用插件传单ajax下载文件。geojson。当您指向图层的对象时,将显示属性信息(对象Javascript 创建交互式地图传单,javascript,html,ajax,leaflet,openstreetmap,Javascript,Html,Ajax,Leaflet,Openstreetmap,为了创建一个由几个层组成的交互式地图,我使用插件传单ajax下载文件。geojson。当您指向图层的对象时,将显示属性信息(对象s属性)。 需要在许多对象的属性中包含指向html页面的链接。我为这项任务绞尽脑汁一周,请帮我知道怎么做! 代码如下所示 { "type": "FeatureCollection", "crs": { "type": "name", "properties": { "name": "urn:o
s属性)。
需要在许多对象的属性中包含指向html页面的链接。我为这项任务绞尽脑汁一周,请帮我知道怎么做!
代码如下所示
{
"type": "FeatureCollection",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:OGC:1.3:CRS84"
}
},
"features": [{
"type": "Feature",
"properties": {
"id": 2,
"date": "2012\/02\/05",
"material": "plastic",
"Number": 1,
"support,feeder": "2 2"
},
"geometry": {
"type": "MultiPoint",
"coordinates": [
[34.377387101428354, 54.063054027736584]
]
}
}, {
"type": "Feature",
"properties": {
"id": 4,
"date": "2012\/02\/05",
"material": "plastic",
"Number": 1,
"support , feeder": "4 2"
},
"geometry": {
"type": "MultiPoint",
"coordinates": [
[34.378052287959541, 54.062481025595972]
]
}
}, ]
}
看起来发生这种情况是因为您从未实际向地图添加图层。在初始化这些AJAX层之后,确保为它们中的每一个添加map.addLayer(dorogi)
或者,您可以观看数据:已加载
事件,并在下载所有数据后添加它们。位于的文档定义了“交互式”的含义。传单允许您开箱即用地创建弹出窗口(在悬停或单击区域或标记时)或将(javascript)函数绑定到事件。当鼠标移动光标并单击标记时