arcgis-platformpopupweb-mapping
I'm using a webmap on my page. The webmap contains layers with popups. These popups contain a link with url GET parameters (ex: www.example.com?id=123)
Is there a way to force the link to open in the same window? How do I capture the GET parameter on this page?
You are providing html in setContent()
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent(e.latlng.toString() + '<a href="http://www.google.com">Visit Google</a>"')
.openOn(map);
}
map.on('click', onMapClick);
You can switch to infoformat=application/json so you will get a json response from Geoserver. Then just check how many features are returned and if features.length>0 is true show the popup otherwise not. For this solution you will have to create a table from the json-response. You could do something like that:
set infoformat in your L.TileLayer.BetterWMS.js:
params = {
request: 'GetFeatureInfo',
service: 'WMS',
srs: 'EPSG:4326',
styles: this.wmsParams.styles,
transparent: this.wmsParams.transparent,
version: this.wmsParams.version,
format: this.wmsParams.format,
bbox: this._map.getBounds().toBBoxString(),
height: size.y,
width: size.x,
layers: this.wmsParams.layers,
query_layers: this.wmsParams.layers,
info_format: 'application/json'
,propertyName:'LAND,DATUM' // only get attributes "Land" and "Name"
};
// Create a function that will return a table from a json response:
function buildpopup(content){
var record;
var info = "<div class=\"mypopupinfo\">";
for (var i=0 ; i < content.features.length; i++ ){
record = content.features[i];
info += "<div class=\"popupinfo\"><table>"
info += "<tr><th><b>Name: </b></th></tr>";
info += "<tr><td>" + record.properties.name + "</td></tr>";
info+="</table></div>";
if (i!= (content.features.length-1)){
info += "<br />";
}
}
info += "</div>"
return info;
}
and use this function while setting the content of the popup:
showGetFeatureInfo: function (err, latlng, content) {
if (err) {
return;
} // do nothing if there's an error
if (content.features.length>0)
{
// Otherwise show the content in a popup, or something.
L.popup({ maxWidth: 800})
.setLatLng(latlng)
.setContent(buildpopup(content))
.openOn(this._map);
}
else
{
}
}
Screenshot from my working example with json response:
EDIT1: added two gists:
html-part: https://gist.github.com/anonymous/aa86f117f1342179f2e3
js-part: https://gist.github.com/anonymous/f6e7dc3d4eff9e0ed62b
Best Answer
Use: target="_top" :
Opens the linked document in the full body of the window
In your HTML create a syntax like this: