-4

編集: 私はあなたに私のためにコードを書くように頼んでいません.私はコードをうまく書くことができます. ただし、GPLライセンスまたは無料で使用できるAPI、スクリプトなど、他の誰かによって構築された既製のソリューションを探しています。

私はプロジェクトに取り組んでいて、壁にぶつかりました。「地理」データ、つまり Web ゲーム実験用の 2D 形式の座標を保持するデータベースを作成しました。したがって、データベース内の 2D 座標は、その「空間内の点」にあるものに関するデータを保持します。

ここで、そのデータを「Google マップのような」アプリケーションにレンダリングして、マップをパンし、データベースからデータを自動的にロードできるようにする必要があります (または、一度にすべてをプルして、マップをパンするときにレンダリングするだけです)。

私の要件は次のとおりです。
- 比較的簡単に統合できます
- クロスブラウザ互換性があります -
Flash や Java を使用しないことが望ましいです
- JavaScript、PHP、HTML5、AJAX がプラス
です - 追加のオプションがある場合は、それらを規制できるとよいでしょう (つまり、オンまたはオフにします)
- 画像タイルは問題ありません
- 画像 からカスタム マップを作成する機能は必須です

同様の質問があるかどうかを調べてみましたが、同様の質問がいくつか見つかりましたが、それらを読んだ後でも、まともなものは見つかりませんでした.

任意の提案をいただければ幸いです。

よろしくお願いします。

4

3 に答える 3

2

これを試してください: Geo JQuery を使用します。
その内容をphpファイルに追加して、データベースに保存したデータから頂点を設定できます。

于 2012-09-01T14:28:17.927 に答える
0

この目的のためにリーフレットをカスタマイズしてみてください。より伝統的なマップ用に設計されています。ただし、ニーズに合わせて調整できる場合があります。

于 2012-09-01T14:31:54.673 に答える
0

実際に Google Maps API を使用することを検討してください。

-カスタムオーバーレイをGoogleマップにロードして、パン境界を設定できます

-これらの 2D 座標を緯度/経度に変換し、ほぼすべてのオブジェクトをマップに配置できます

-ボタン/コントロールを完全にカスタマイズできます

-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()

実装が簡単な多くのオプションがあり、多くの機能が既に実行されています。ドキュメントをチェックしてください: Google マップ チュートリアル

于 2012-09-01T14:44:46.047 に答える