如何为 Google 地图创建“大小圆圈”图例
我有一个自定义的谷歌地图，它使用来自 GeoJSON 文件的数据创建大小的圆圈。我需要做的是创建一个图例/键来解释每个圆圈的大小代表什么
我已经尝试按照 Google 的指南创建自定义图例（https://developers.google.com/maps/documentation/javascript/adding-a-legend），效果很好。但是，我不知道如何使用按键的圆圈大小而不是图标。这就是我被困的地方。
下面是在我的地图上生成圆圈的函数。我只想要显示缩放圆圈的键。
function getCircle(nctcount) {
var nctamt = nctcount;
if (nctamt <= 10) {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: 1,
fillColor: 'green',
scale: 5,
strokeColor: 'white',
strokeWeight: .5
};
}
else if (nctamt <= 100) {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: .8,
fillColor: 'green',
scale: 10,
strokeColor: 'white',
strokeWeight: .5
};
}
else if (nctamt <= 250) {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: .6,
fillColor: 'green',
scale: 15,
strokeColor: 'white',
strokeWeight: .5
};
}
else if (nctamt <= 500) {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: .4,
fillColor: 'green ',
scale: 20,
strokeColor: 'white',
strokeWeight: .5
};
}
else if (nctamt <= 2000) {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: .2,
fillColor: 'green',
scale: 25,
strokeColor: 'white',
strokeWeight: .5
};
}
else {
return {
path: google.maps.SymbolPath.CIRCLE,
fillOpacity: .2,
fillColor: 'green',
scale: 35,
strokeColor: 'white',
strokeWeight: .5
};
}
}
请让我知道是否需要更多来解决这个问题。
繁花如伊1回答
随时随地看视频慕课网APP
相关分类
JavaScript