Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建交互式地图传单_Javascript_Html_Ajax_Leaflet_Openstreetmap - Fatal编程技术网

Javascript 创建交互式地图传单

Javascript 创建交互式地图传单,javascript,html,ajax,leaflet,openstreetmap,Javascript,Html,Ajax,Leaflet,Openstreetmap,为了创建一个由几个层组成的交互式地图,我使用插件传单ajax下载文件。geojson。当您指向图层的对象时,将显示属性信息(对象s属性)。 需要在许多对象的属性中包含指向html页面的链接。我为这项任务绞尽脑汁一周,请帮我知道怎么做! 代码如下所示 { "type": "FeatureCollection", "crs": { "type": "name", "properties": { "name": "urn:o

为了创建一个由几个层组成的交互式地图,我使用插件传单ajax下载文件。geojson。当您指向图层的对象时,将显示属性信息(对象
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)函数绑定到事件。当鼠标移动光标并单击标记时