javascript - Google マップには、地図上に複数のポリゴンを描画する機能がありますか?

Question

Google Maps JavaScript v3 API を使用して、同じ地図上に複数の別々のポリゴンを描画することは可能ですか? また、各図形を描画した後に表示される警告メッセージ ボックスを含めます。

Answer 1

はい、マップ上に複数のポリゴンを描画できます。Drawing Libraryをチェックしてください。1 つの図形が完成した後にメッセージを表示する場合は、DrawingManager可能ないくつかの完了イベント通知のいずれかをリッスンする に対するリスナー関数を定義する必要があります。

google.maps.event.addListener(drawingMgr, 'overlaycomplete', function( event ){
    var shape = event.overlay;
    var path = shape.getPath();    //returns an MVCArray of LatLng instances
    for ( var i = 0; i < path.length; i++ ) {
        var lat = path.getAt(i).lat(); //Corrected as per MVCArray
        var lng = path.getAt(i).lng(); //Corrected as per MVCArray
        //do something with the data...
    }
    //put your message display code here
});

関数コールバック内で、完成したシェイプにアクセスできます。したがって、上記のコードではevent.overlay、形状への直接参照が提供されます。形状が であると仮定すると、Polygon上に示すように、形状のメンバーに直接アクセスできます。Polygonメンバーの完全なセットは、ここに記載されています。

Answer 2

私は私のために働いたようにコード全体を入れました:

enter code here
google.maps.event.addListener(drawingMgr, 'overlaycomplete', function( event ){
var shape = event.overlay;
var path = shape.getPath();    //returns an Array of LatLng
for ( var i = 0; i < path.length; i++ ) {
    var lat = path.getAt(i).lat();
    var lng = path.getAt(i).lng();
    //do something with the data...
}
//put your message display code here

});