Javascript 希望多个复选框使用Mogrify更新世界PNG图像，以用颜色填充国家/地区

我在另一个论坛上看到，最好的方法是使用Javascript或Ajax，但我想知道是否有更简单的方法。我正在尝试创建一个web服务，用户可以从175个左右的列表中查看他们访问过的国家，然后世界地图图像将立即更新为填充颜色

还有其他类似的服务，但我的设想是，我的服务既可以通过签入复选框进行更新，也可以通过单击显示图像中的目标国家（比如使用imagemap）进行更新。此外，其他解决方案以相同的颜色显示所有访问过的国家。我希望不同的国家有不同的颜色，或者至少对那些有接触的国家有不同的颜色。最后，我想包括一个功能，使选择哪些颜色分配国家

我发现了一个名为的Sourceforge项目。它只是一个开放源码的世界图像和所有国家PNG图像上的坐标。您可以使用ImageMagick和floodfill中的mogrify用颜色填充国家。我已经成功地通过批处理文件在本地完成了这项工作

我的ISP告诉我mogrify的位置，基本上是/usr/bin/mogrify。我现在有一个非常复杂的cgi脚本，如果它工作的话，它会设置为用每个复选框重新绘制世界地图图像。是的。它还会在每次检查时重新绘制整个网页。网页将启动。当然，这一点都不高效，我认为真正的方法可能是Ajax或Javascript，因此可能只是更改和重画图像，而不是整个网页。抱歉，我甚至不知道Javascript和Ajax之间的区别以及它们的相对优点

我想你可以在每次检查或点击图像时只更新图像的一部分，而不是仅仅重新绘制图像，但我从来没有听说过对于形状不规则的图像元素（如国家）可以这样做的提示。因此，我想只有通过图像刷新，将图像映射和与mogrify事件关联的姐妹复选框条目重新绘制用户的个人图像副本，这才是唯一的方法

那么，除了Javascript或Ajax之外，您是如何做到这一点的呢？如果是这样，您将如何做到？或者你可以把一张基于网络的图片切割成不规则的拼图形状，然后你可以随意地单独重画

---

提前感谢您阅读并考虑回复此帖子

看来我的托管公司只支持使用PHP和ImageMagick。至少我更清楚该尝试创建什么。我对PHP完全陌生，但我想这没关系

这是我到目前为止的代码。我仍然想立即更新一个复选框。我意识到这可能需要Javascript。此外，我希望图像是一张图像地图，以便通过单击以下国家来选择访问的国家：