Graph 如何使用url.bindPopup将图形添加到传单弹出窗口
当我从geoJson层中选择多边形时,我尝试将一个简单的线图添加到传单弹出窗口中。 我可以编辑url.bindPopup来实现这一点吗?我想将“poly_id”与“ha”对应起来。 我希望有人能帮助我。这是我的代码,我一直试图编辑,但没有成功Graph 如何使用url.bindPopup将图形添加到传单弹出窗口,graph,popup,leaflet,Graph,Popup,Leaflet,当我从geoJson层中选择多边形时,我尝试将一个简单的线图添加到传单弹出窗口中。 我可以编辑url.bindPopup来实现这一点吗?我想将“poly_id”与“ha”对应起来。 我希望有人能帮助我。这是我的代码,我一直试图编辑,但没有成功 var owsrootUrl = 'http://localhost:1997/geoserver/RSAC/wms'; var defaultParameters = { service : 'WFS',
var owsrootUrl = 'http://localhost:1997/geoserver/RSAC/wms';
var defaultParameters = {
service : 'WFS',
version : '2.0',
request : 'GetFeature',
typeName : 'RSAC:results_clipped_with_growth_small',
outputFormat : 'json',
format_options : 'callback:getJson',
SrsName : 'EPSG:4326'
};
var parameters = L.Util.extend(defaultParameters);
var URL = owsrootUrl + L.Util.getParamString(parameters);
var ajax = $.ajax({
url : URL,
dataType : 'json',
jsonpCallback : 'getJson',
success : function (response) {
L.geoJson(response, {
onEachFeature: function (feature, url) {
popupOptions = {maxWidth:250};
url.bindPopup("<b>poly_id:</b>" + feature.properties.poly_id +
"<br><b>ha: </b>" + feature.properties.ha + "<br><b>growth_new: </b>" + feature.properties.growth_new);
}
}).addTo(mymap);
}
});
var-owsrootUrl=”http://localhost:1997/geoserver/RSAC/wms';
var defaultParameters={
服务:'WFS',
版本:“2.0”,
请求:“GetFeature”,
typeName:'RSAC:results_clipped_with_growth_small',
outputFormat:'json',
格式化选项:“回调:getJson”,
SrsName:'EPSG:4326'
};
var参数=L.Util.extend(defaultParameters);
var URL=owsrootUrl+L.Util.getParamString(参数);
var ajax=$.ajax({
url:url,
数据类型:“json”,
jsonpCallback:'getJson',
成功:功能(响应){
L.geoJson(响应{
onEachFeature:函数(功能,url){
popupOptions={maxWidth:250};
bindPopup(“poly_id:+feature.properties.poly_id+
“
ha:”+feature.properties.ha+”
growth\u new:“+feature.properties.growth\u new”);
}
}).addTo(mymap);
}
});
检查和/或创建绘图,然后您可以在弹出的工具提示中包含此HTML代码。谢谢您的回复。我现在已经在canvasjs中创建了一个图表,并创建了一个名为chart.js的脚本,这是正确的还是需要使用HTML?然后如何将代码包含在弹出工具提示中?这是我不确定的一点。我建议在plot.ly中创建绘图,然后在弹出窗口中使用一些附加选项来修改绘图代码。这是一个例子,下面是一个例子。