0

Google マップを Web アプリケーションに統合する作業を行っていますが、その可能性について疑問があります。

コードのベースとして ASP .Net 4.0 を使用していますが、これを実現するには JavaScript を使用する必要があると思います。基本的に、データベースに保存した緯度経度の場所から地図上に多数のマーカーを表示し、ユーザーがマウスで地図上にボックスを描画できるようにしてから、四隅の緯度経度を取得したいボックスの。

誰かが私がこれを行う方法を知っていれば、これは私にとって大きな助けになるでしょう!

ありがとう

4

3 に答える 3

3

Google Maps API の複雑さに、私は何年も恐怖を感じていました。最近、GMap3と呼ばれる jQuery プラグインに出くわしました。

初期化などを行った後、.NET コードから次のような Javascript ブロックを出力することをお勧めします。

var markersFromDatabase = [
    [60.164967,24.94758],
    [59.956495, 10.764599]
    //etc. This array should be printed from your serverside code
];
var markersToBeAdded = [];
jQuery.each(markersFromDatabase, function(indexOfItem, valueOfItem){
    markersToBeAdded.push({
        lat:valueOfItem[0],
        lng:valueOfItem[1],
        options: {
            draggable: false,
            icon: "img/your_awesome_icon.png",
            title: "This is an icon from my database!"
        }
    });
});
jQuery("#map_canvas").gmap3(
    { action: 'addMarkers',
        markers: markersToBeAdded
    }
);

編集：あなたの質問の半分しか答えていないことに気づきました。残念ながら、選択ボックスに対する明らかな答えはありません。addRectangleを使用するか、最悪の場合はaddFixPanelを使用してマップ キャンバスに透明を追加できると思います<div>(そして、そのためのマウス イベントをトリガーします)。

于 2012-04-24T13:53:35.487 に答える
1

これは、Google Maps API 3 のオーバーレイ編集機能を使用して行う 1 つの方法です。

Google マップ オーバーレイ編集可能

于 2012-04-24T13:45:57.097 に答える