我想要一张地图（图像映射）在适用某些标准的区域显示为绿色，在其他一些区域显示为黄色，在其他区域显示为红色。
目标是显示一个可点击的图像，该图像将为符合特定条件的特定状态着色。我之前考虑过闪光灯，但业主根本不想要闪光灯。一种可能的替代方法是在地图上显示“可点击”的彩色标签，但我也不知道该怎么做。有谁知道我该如何解决这个问题？任何帮助都感激不尽。谢谢！
问问题
394 次
5 回答
2
查看拉斐尔：http ://raphaeljs.com/
于 2012-06-24T22:11:32.843 回答
2
所以这就是我最终所做的。
我在维基百科上找到了一张尼日利亚的 svg 地图（其中几乎有每个国家的 svg 地图）。
我下载了InkScape
并从 地图中删除了我不需要的部分。我使用Raphael SVG to HTML Converter 工具将其转换为 raphael 可用的代码。
从这里开始非常简单，我可以使用 path.fill 为图像“着色”，并且很容易设置不同的功能来单击任何部分。缩放也不是问题，因为图像可以根据容器动态缩放。
感谢大家，尤其是Olle，为我指明了正确的方向！
于 2012-06-29T07:53:43.603 回答
1
于 2012-06-25T02:22:23.200 回答
0
看看 jQuery。PHP 不是您将要执行此操作的地方，它将成为客户端 Javascript，以使用覆盖图像或通过 Javascript 更改 CSS 来操作 html 图像映射。
于 2012-06-24T22:10:08.667 回答
0
对于它的价值，这可以使用 gd 扩展在 php 中完成。本质上，您所做的是加载图像的全白版本，然后使用图像上的坐标，使用 imagefilltoborder (http://www.php.net/manual/en/function.imagefilltoborder.xml) 用给定的颜色填充图像。 php) .
但是，要使其可点击，无论如何您都需要在客户端使用图像映射或 javascript。
于 2012-06-25T01:56:37.923 回答