创建交互式地图传单-ajax
Create an interactive map leaflet-ajax
为了创建一个由多个图层组成的交互式地图,我使用插件传单-ajax下载文件。当您指向图层的对象时,属性信息(对象s attributes) displays.
It is required to include a link to the html page in a number of the object
属性。我一周都在为这项任务绞尽脑汁,请帮助我知道该怎么做!代码如下。
{
"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)
。
或者,您可以观看data:loaded
事件并在下载完所有数据后添加它们。https://github.com/calvinmetcalf/leaflet-ajax 的文档
相关文章:
- 点击事件在谷歌地图和AJAX
- 在谷歌地图示例中为 Ajax 调用制作一个 JavaScript 闭包
- 谷歌地图API-在从ajax页面加载新数据之前清除标记、多段线
- 谷歌地图标记不显示ajax json数据
- 如何执行Ajax GET请求以从rails获取数据并将其传递给javascript(谷歌地图)
- 如何迭代数据为谷歌地图创建标记(使用express/jquery/ajax)目前正在获取SyntaxError
- 谷歌地图使用变量作为URL对AJAX进行地理编码
- 区分程序化Bing AJAX地图导航与用户平移/缩放和窗口大小
- 谷歌地图api无法根据ajax请求加载
- Ajax与地图,获取数据
- 如何刷新Bing地图AJAX
- 谷歌地图使用AJAX添加标记
- 无法从 ajax 调用中检索谷歌地图标记坐标
- Javascript:如何在Ajax调用后显示带有标记的谷歌地图
- 谷歌地图标记更新与AJAX
- 通过使用PHP和AJAX更新mySQL中的Google地图标记位置值
- 创建交互式地图传单-ajax
- 标记新位置已创建,但旧位置也显示在 ajax 谷歌地图中
- 如何在必应地图 AJAX 控件版本 7.0 中绑定切片图层
- 如何将数据从 sql 服务器加载到 Bing Ajax 地图控件