1

私の肩書きが私をばかのように思わせたかもしれません。ここでやりたいことに名前を付ける方法がわかりませんでした。データベースから個人データの場所を Json 形式で取得します。マーカー クラスタラー jQuery プラグインを使用するよりも、これらの個人がマップ上でピンポイントされます。しかし、私は彼らがこのウェブサイトで行ったことを本当に気に入っています。 http://www.fetalhope.org/patients-families/治療?cid=168&x=35&y=14

同じ設定を作成するのを手伝っていただければ幸いです。私も喜んで支払いますが、失業者はあまり期待していません。私はただ学ぼうとしています。

{
  "users": [
    {
      "name": "John Doe",
      "latitude": "22.3430194444444",
      "longitude": "114.110386111111"
    },
    {
      "name": "John Doe",
      "latitude": "48.4048403957642",
      "longitude": "2.68452644348145"
    }
  ]
}

        $(function CheckinMap() {
            $.when($.ajax({
                type: "GET",
                dataType: "json",
                url: "content/sewerage/index.cs.asp?Process=ViewMap"
            })).done(      function initialize(data) {
                var MapData = data;
                var center = new google.maps.LatLng(41.00527, 28.97696);
                var map = new google.maps.Map(document.getElementById('checkinmap'), {
                  zoom: 6,
                  center: center,
                  mapTypeId: google.maps.MapTypeId.ROADMAP,
                  maxZoom: 14
                });
                var markers = [];
                for (var i = 0; i < MapData.users.length; i++) {
                  var location = MapData.users[i];
                  var latLng = new google.maps.LatLng(location.NIDLatitude,
                      location.NIDLongitude);
                  var marker = new google.maps.Marker({
                    position: latLng
                  });
                  markers.push(marker);
                }
                var markerCluster = new MarkerClusterer(map, markers);
            });
        });
4

1 に答える 1

0

使用しているAPIのバージョン（例はV3用）に応じて、マーカーでリスナーを使用し、クリックすると、要素を識別する値（IDなど）を取得できます。あなたはリストに焦点を合わせたいです。したがって、マーカーがあると仮定すると、マーカーを拡張してを追加できますid。

var markerItem = new google.maps.Marker();
markerItem.metadata = {id: 1};

次に、イベントリスナーを追加します。

  google.maps.event.addListener(markerItem, 'click', function () {
            var targetId = markerItem.get("id");
            //do something with the target id like scrolling the desired point of the list  

  });

イベント内で、クリックしたマーカーの緯度/経度に地図を中央に配置し、新しいものを作成して表示することができますinfoWindow。

var infoWindowItem = new google.maps.InfoWindow({content: 'Some content here!'});
infoWindowItem.open(map, markerItem);
于 2013-02-12T22:13:29.387 に答える