0

私はグーグルマップAPIV2を使用しています、そして私は形のようなジオゾーンを持っています。ユニット(シンプルマーカー)がシェイプコーディネーターになるときにアラートを受け取りたいようになりました。どうすればこれを行うことができますか?

4

1 に答える 1

1
<script type ="text/javascript">
    $(document).ready(function () {
        function changeMarker(marker) {
            marker.setIcon("images/bluemarker.png");
        }
        var map;
        var infowindow;
        var info1;
        var triangleCoords = [];
        function InitializeMap() {
            var myOptions =
            {
                zoom: 5,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map"), myOptions);

            triangleCoords = [
                                    new google.maps.LatLng(20.874252, -80.190262),
                                    new google.maps.LatLng(18.466465, -66.118292),
                                    new google.maps.LatLng(32.321384, -64.75737),
                                    new google.maps.LatLng(20.874252, -80.190262)
                             ];

            // Construct the polygon
            // Note that we don't specify an array or arrays, but instead just
            // a simple array of LatLngs in the paths property
            Triangle = new google.maps.Polygon({
                paths: triangleCoords,
                strokeColor: "#FF0000",
                strokeOpacity: 0.8,
                strokeWeight: 2,
                fillColor: "#FF0000",
                fillOpacity: 0.35
            });

            Triangle.setMap(map);

        }
        function markicons() {
            InitializeMap();
            var ltlng = [];
            var markers = [];
            ltlng.push(new google.maps.LatLng(22.76, -79.28));
            ltlng.push(new google.maps.LatLng(18.76, 83.30));
            map.setCenter(triangleCoords[0]);
            for (var i = 0; i < ltlng.length; i++) {
                marker = new google.maps.Marker({
                    map: map,
                    position: ltlng[i],
                    draggable: true,
                    //icon: "images/greymarker.png",
                    animation: google.maps.Animation.DROP,
                    title: "this is " + i + "marker"

                });

            }
        }
        window.onload = markicons;
    });

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server" >
        <h2>Multiple Markers :</h2>
            <div id="map-container"><div id="map"></div></div> 
</asp:Content>

あなたの質問には2つの部分があります

  1. ポリゴンを作成し、マップにいくつかのマーカーを導入します
  2. 警告する必要のある領域でマーカーが見つかった場合は、1の場合は上記のjsを2のサンプルとして参照でき、以下のディスカッションを参照できます。このフォーラムにはすでに含まれています。

これがお役に立てば幸いです:D

グーグルマップv3:ポイントがポリゴンに存在するかどうかを確認する

于 2012-10-24T11:07:28.220 に答える