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