如何使用 javascript 定位 iframe? (地图框)
How to target an iframe with javascript? (MapBox)
我有一张地图并创建了一个要素图层,如下所示:
window.map = L.mapbox.map('map', 'example.wefk232sm')
.setView([homeLatitude, homeLongitude], initialZoom);
var myLayer = L.mapbox.featureLayer().addTo(map);
// Pass features to the map
myLayer.setGeoJSON(geoJson);
geoJson 对象如下所示:
var geoJson = {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
properties: {
title: name,
other: "text",
'marker-color': '#54a743',
'stroke': '#428334',
url: link
},
geometry: {
type: 'Point',
coordinates: [longitude, latitude]
}
]
};
我可以通过点击访问它:
myLayer.setGeoJSON(geojson);
myLayer.on('click', function(e) {
window.open(e.layer.feature.properties.url);
});
当我点击地图中的标记时,url 会在新的 window 中打开。我想要实现的是在单独的 iframe 中打开 url。
<iframe width="100%" height="700px" frameborder="0" scrolling="no"
name="side" id="side" src="frame_start.php?((parameters in the link))">Your
Browser does not support iframes</iframe>
...但我不知道该怎么做。有谁能够帮助我?非常感谢您的宝贵时间!
使用 iframe 的 name
作为 open
的第二个参数:
window.open(e.layer.feature.properties.url,'side');
我有一张地图并创建了一个要素图层,如下所示:
window.map = L.mapbox.map('map', 'example.wefk232sm')
.setView([homeLatitude, homeLongitude], initialZoom);
var myLayer = L.mapbox.featureLayer().addTo(map);
// Pass features to the map
myLayer.setGeoJSON(geoJson);
geoJson 对象如下所示:
var geoJson = {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
properties: {
title: name,
other: "text",
'marker-color': '#54a743',
'stroke': '#428334',
url: link
},
geometry: {
type: 'Point',
coordinates: [longitude, latitude]
}
]
};
我可以通过点击访问它:
myLayer.setGeoJSON(geojson);
myLayer.on('click', function(e) {
window.open(e.layer.feature.properties.url);
});
当我点击地图中的标记时,url 会在新的 window 中打开。我想要实现的是在单独的 iframe 中打开 url。
<iframe width="100%" height="700px" frameborder="0" scrolling="no"
name="side" id="side" src="frame_start.php?((parameters in the link))">Your
Browser does not support iframes</iframe>
...但我不知道该怎么做。有谁能够帮助我?非常感谢您的宝贵时间!
使用 iframe 的 name
作为 open
的第二个参数:
window.open(e.layer.feature.properties.url,'side');