Question

编辑：我不是要求你为我编写任何代码，我可以编写代码就好了。然而，我正在寻找由其他人构建的现成解决方案，例如API，脚本等GPL许可或免费使用。

我正在做一个项目而且我遇到了一堵墙。我创建了一个包含“geo”数据的数据库，即用于网页游戏实验的2D形式的坐标。因此，数据库中的2D坐标保存有关“空间中的点”的数据。

现在，我需要一些东西将这些数据呈现为“谷歌地图”应用程序，它可以平移地图并自动从数据库加载数据（或者一次性全部拉出来，只需在平移地图时渲染它）

我的要求如下：
- 相对简单的整合
- 跨浏览器兼容
- 最好没有Flash或Java - JavaScript，PHP，HTML5，AJAX是一个加号 - 如果它有任何额外的选择，如果它们可以被监管（即打开或关闭），那将是很好的 - 图像拼贴是可以的 - 创建由图像制作的自定义地图的能力是必须

我环顾四周，看看是否有类似的问题，而且我发现了一些类似的问题，但在阅读完之后我仍然没有找到任何体面的东西。

任何建议都表示赞赏。

提前谢谢大家。

Answer 1

试试这个：Geo它使用JQuery 您可以将其内容添加到php文件中，并从您存储在数据库中的任何数据中填充顶点。

Answer 2

您可以尝试为此目的自定义leaflet。它专为更传统的地图而设计。但是，可以根据您的需要进行调整。

Answer 3

也许考虑实际使用Google Maps API。

- 您可以将任何自定义叠加层加载到谷歌地图上并设置平移边界

- 您可以将这些2D坐标转换为lat / lng并将几乎任何对象放置到地图上

- 您可以完全自定义任何按钮/控件

- Google地图使用Javascript / HTML5画布

这是一个开始的例子：

function initialize() {

    var myOptions = {
        zoom: 17,
        center: new google.maps.LatLng(someLat, someLng),
        mapTypeId: google.maps.MapTypeId.HYBRID

    }

    // attaches new map object to div
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        imageBounds = new google.maps.LatLngBounds(
            // SW coord
            new google.maps.LatLng(swLat, swLng),
            // NE coord
            new google.maps.LatLng(neLat, neLng));  

        overlay = new google.maps.GroundOverlay(
        someUrlPath + '/map.gif',
        imageBounds,{map: map, clickable: false});
        overlay.setMap(map);


}// end of function initialize()

有许多选项易于实现，并且已经为您完成了许多功能。查看文档：{{3}}

需要像项目解决方案的地图

3 个答案: