1

gmap3 を使用して上記を実行しようとしていますが、問題が発生しています。「地図」を表示してマーカーを貼り付けることができます。私はまだ JavaScript に慣れていませんが、明らかに役に立たない構文の一部が間違っていると確信しています。

地理位置情報を使用してユーザーの場所を取得し、事前定義された場所へのルートをプロットすることに関して、私は正しい軌道に乗っていますか?

構文が正しくないことをお詫びします - JS を使用しているときに括弧を追跡するのが難しいと感じています。

ここにある例を使用しています: http://gmap3.net/api/add-directions-renderer.html

<script type="text/javascript">
       $(function () {
        //get the user's location
        function getLocation(){
            $('#map').gmap3({ 
              action : 'geoLatLng',
              callback : function(latLng){
                if (latLng){
                  $(this).gmap3({
                    action: 'addMarker', 
                    latLng:latLng
                  },
                  "autofit");
                } 
              }
            });
        }
        //plot directions
        function plotRoute() {
          $('#map').gmap3({
            action: 'getRoute',
            options:{
              origin: 'latLang',
              destination: 'Tallaght Business Park, Dublin, Ireland'
              travelMode: google.maps.DirectionsTravelMode.DRIVING
            },
            callback: function(results){
              if (!results) return;
              $(this).gmap3({
                action: 'init',
                zoom: 13,
                mapTyprId: google.maps.MapTypeId.ROADMAP,
                streetViewControl: true
              },
              action: 'addDirectionsRenderer',
              options: {
                preserveViewPort: true,
                draggable: true,
                directions: results
              }
              );
            }
          });
        }
      });
    </script>

このdivに配置する

<div class="gmap3" id="map"></div>
4

0 に答える 0