0

jQueryは初めてです。私はそれを使っていくつかの簡単なことをしましたが、私が今試みているのは頭がおかしいので、助けが必要です。

私はクライアントのために米国のすべての銃器ディーラーのためにロケーターを構築しています。私はDrupal内で働いています。郵便番号による近接検索がうまく機能しています。zipで検索すると、ページ分割された結果のリストがhtmlテーブルに表示され、ajaxを介してページをめくることができます。

リストされている名前と住所に対応するマーカーが付いたマップをこのリストの上に配置したいと思います。テーブルの結果には、すでにすべてのlat値とlong値があります。スクリプトでマーカーを更新し、ユーザーが結果を通じてテーブルまたはページの並べ替え順序を変更したときに、ビュー内のマーカーに合わせて自動的にズームするようにします。

また、対応するマーカーを同時にハイライトするテーブルの行にホバーハイライト効果を持たせ、テーブルの行をクリックするのと同じように、マーカー情報ウィンドウをポップアップするマーカーをクリックするようにします。テーブルの名前フィールドとアドレスフィールドを読み取るjQuery。これがすべて理にかなっていることを願っています。

私はそこにたくさんのことを出していることを知っています、私は誰かにスクリプト全体を書くように頼んでいません、ただできるだけ多くの詳細を与えたかっただけです。助けてくれてありがとう。データのループと移動に関しては、私はただ迷っています。

プロジェクトに関するこれまでの内容を確認したい場合は、www.axtsweapons.comにアクセスし、ユーザー名「test」とパスワード「1234」でログインしてから、次の直接リンクにアクセスしてください：www.axtsweapons.com /ffllocator。

操作や操作が簡単な単純なページについては、http ：//www.axtsweapons.com/maptest.htmlにアクセスしてください。ありがとうございます。

4

1 に答える 1

1

テーブルをループしてピンをマップに押し込む方法を理解しました。現在、Google MapsAPIV3の境界機能をスクリプトと統合する方法を理解するのに問題があります。ポインタがあれば教えてください。これが私が使用しているテストコードです：

$(function() {
   var latlng = new google.maps.LatLng(45.522015,-122.683811);

   var settings = {
      zoom: 15,
      center: latlng,
      disableDefaultUI: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
   };

   var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

      $('tr').each(function(i) {

         var the_marker = new google.maps.Marker({
            title: $(this).find('.views-field-title').text(),
            map: map,
            clickable: true,
            position: new google.maps.LatLng(
               parseFloat($(this).find('.views-field-latitude').text()),
               parseFloat($(this).find('.views-field-longitude').text())
            )
         });

         var infowindow = new google.maps.InfoWindow({
            content:  $(this).find('.views-field-title').text() +
                      $(this).find('.adr').text()
         });

         new google.maps.event.addListener(the_marker, 'click', function() {
            infowindow.open(map, the_marker);
         });
      });
});

また、情報ウィンドウのデータに改行を挿入する方法を知りたいです。ありがとう

于 2010-04-27T21:55:49.917 に答える