Map 拉斐尔世界地图的缩小

Map 拉斐尔世界地图的缩小,map,svg,raphael,transform,scale,Map,Svg,Raphael,Transform,Scale,我目前正在为一个项目网站创建一个启动页面。我被指示设计一张侧面有菜单的世界地图,并在子菜单上悬停时添加一些闪烁效果 我已经完成了地图的变换/缩放,但是当我在子菜单上悬停时出现问题,红色的小圆圈不会出现在应该出现的位置。 如果没有.transform()方法,红色的小圆圈会正确地弹出,但它会给我一个很大但裁剪过的贴图 我使用.transform()方法缩小世界地图的比例 我将.transform()方法放在这里: r.path(worldmap.shapes[country]).attr({str

我目前正在为一个项目网站创建一个启动页面。我被指示设计一张侧面有菜单的世界地图,并在子菜单上悬停时添加一些闪烁效果

我已经完成了地图的变换/缩放,但是当我在子菜单上悬停时出现问题,红色的小圆圈不会出现在应该出现的位置。 如果没有.transform()方法,红色的小圆圈会正确地弹出,但它会给我一个很大但裁剪过的贴图

我使用.transform()方法缩小世界地图的比例

我将.transform()方法放在这里:

r.path(worldmap.shapes[country]).attr({stroke: "#9b59b6", fill: c, "stroke-opacity": 0.25}).transform("s.628,.740 0,0");


在代码中,城市的所有位置都存储为“名称”属性中的lon/lat坐标。然后通过world.parseLatLon函数对其进行解析,该函数随后调用getXY()。我想说的是,在函数getXY中,返回的坐标也需要转换。这里正在进行一些有趣的数字处理(乘以2.6938,然后再加上465.4)——我想说这是根据图像的大小调整坐标。现在您已经更改了图像的大小,这些也需要调整

,这是我现在面临的主要问题。我不知道该怎么办。我已经试过你的建议了,效果很好,现在我必须找到正确的数字,把这些点放到正确的坐标中。谢谢。好的,现在我试着在window.onload上显示点,这样我就更容易计算出坐标偏移。谢谢,伙计。嘿,我算出了坐标偏移量。:)很酷,你们在线上有一个完整的版本,我可以看一下