AmChart5-Globe视图无法显示完整的地球和主页位置未集中显示
创始人
2024-09-30 03:30:54
0

这可能是由于地球的大小和默认的缩放级别不匹配所致。您可以使用以下代码示例来设置初始缩放级别和地球半径:

var chart = am5xy.create("chartdiv", am5plugins_geodata);
chart.geodata = am5geodata_earthLow;

var home = chart.series.push(new am5xy.MapPolygonSeries());
home.useGeodata = true;
home.mapPolygon.template.radius = 10;
home.mapPolygon.template.fill = am5.color("#39B54A");
home.mapPolygon.template.strokeOpacity = 0;

var globeSeries = chart.series.push(new am5plugins_globe.GlobeMapPolygonSeries());
globeSeries.useGeodata = true;
globeSeries.exclude = ["AQ"];
globeSeries.mapPolygons.template.fill = am5.color("#5D5C5C");
globeSeries.mapPolygons.template.stroke = am5.color("#5D5C5C");
globeSeries.mapPolygons.template.fillOpacity = 0.25;
globeSeries.mapPolygons.template.strokeOpacity = 0.5;
globeSeries.mapPolygons.template.tooltipText = "{name}";

globeSeries.deltaLongitude = -11;
globeSeries.minZoomLevel = 1;

chart.projection = new am5plugins_globe.Orthographic();
chart.panBehavior = "rotateLongLat";

chart.homeGeoPoint = { longitude: 0, latitude: 0 };
chart.homeZoomLevel = 1;

circle.radius = chart.series.getIndex(0).mapPolygon.template.getFeatureById("earth").radius;

在此示例中,我们更新了以下内容:

  • 添加了deltaLongitude属性,以在地球旋转时保持地球的位置。
  • 设置了最小缩放级别。
  • 更新了homeZoomLevel属性,以设置地图初始缩放级别。
  • 更新circle变量以匹配地球的半径。

相关内容

热门资讯

透视教你"hhpok... 透视教你"hhpoker辅助挂是真的吗"总是真的是有辅助挂(哔哩哔哩)1、玩家可以在hhpoker辅...
透视中牌率"来来拼十... 透视中牌率"来来拼十辅助免费辅助"原来真的是有辅助app(哔哩哔哩)1、进入游戏-大厅左侧-新手福利...
透视解密"聚星ai辅... 透视解密"聚星ai辅助工具收费多少"都是有辅助器(哔哩哔哩)1.聚星ai辅助工具收费多少 选牌创建新...
近年来"海米大厅辅助... 近年来"海米大厅辅助"其实真的是有辅助插件(哔哩哔哩)1)海米大厅辅助辅助插件:进一步探索海米大厅辅...
透视详情"hhpok... 透视详情"hhpoker辅助"原来真的是有辅助软件(哔哩哔哩)1、hhpoker辅助脚本辅助下载、h...
透视规律"蜀山四川辅... 透视规律"蜀山四川辅助脚本"都是是真的有辅助工具(哔哩哔哩)1、点击下载安装,蜀山四川辅助脚本脚本分...
透视透视"pokem... 您好,pokemmo脚本辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】...
总结辅助挂"闲逸辅助... 总结辅助挂"闲逸辅助软件制作"果然真的是有辅助插件(哔哩哔哩)1、玩家可以在闲逸辅助软件制作线上大神...
透视分享"pokem... 透视分享"pokemmo手机版脚本"其实是有辅助技巧(哔哩哔哩)pokemmo手机版脚本透视方法中分...
透视玄学"财神13游... 透视玄学"财神13游戏辅助器脚本"一直是真的有辅助方法(哔哩哔哩)进入游戏-大厅左侧-新手福利-激活...