为了账号安全,请及时绑定邮箱和手机立即绑定

如何为 Google 地图创建“大小圆圈”图例

如何为 Google 地图创建“大小圆圈”图例

繁花如伊 2021-06-01 13:35:35
我有一个自定义的谷歌地图,它使用来自 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 回答

  • 1 回答
  • 0 关注
  • 168 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信