使用网站上的自定义图像创建/使用自定义地图API

Question

因此，我正在为我的大学做一个网站，人们可以在那里上网查看校园里所有的免费食物。我希望有免费食物的人能够注册他们的活动，将该活动存储在数据库中，并让学生能够在校园地图上看到所有注册的活动。

这种体验类似于有人在谷歌地图上搜索半径为10英里的沃尔玛，看到所有有效位置的大头针都掉了下来。

我真的不知道如何解决这样的问题:让人们在校园中的特定位置注册他们的事件，然后在校园地图图像上相应的XY位置上有一个相应的大头针。此外，我还想将此工具用于其他校园，因此我正在尝试以这样一种方式编写逻辑，以便基本上可以将其应用于任何自定义图像。

有没有现有的API可以做到这一点，或者这是我必须自己编码的东西？我查找了几个地图API，但没有真正找到我正在寻找的任何东西。

另外，如果这对我有帮助，我是CS专业的，所以请随意抛出技术术语，不用担心我能弄明白，我只是真的不知道如何处理这个问题:/

Answer 1

实际上是非常基本的东西，这是一个很大的问题。对于地图，我可能会使用html5 canvas。使用javascript来识别他们在画布元素上单击的坐标，并将它们存储在数据库中的2个整数列中。

你还有更具体的问题吗？

Answer 2

Google Maps API v3实际上允许您提供自定义地图，同时仍然使用其所有优秀的API。我在这里找到了一个很好的教程：https://facepunch.com/showthread.php?t=1184658