谷歌地圖V3多個標記與方向

我的代碼是在下面我只是想添加另一個標記，並能夠點擊該標記，並指示爲那一個，而不是。有一個小形式可以在地圖下面產生行車路線。我一直期待在互聯網上的所有搜查銀河系，我不知道這件事了谷歌地圖V3多個標記與方向

<h2>Get Driving Directions</h2> 
    <p> 
     <label> coming from: <input class="roundInput" id="to-input" type="text" value="" /> </label> <input style="position:relative;top:6px;" type="image" src="<?php bloginfo('template_directory'); ?>/img/route_button.gif" value="route" onclick="doDirections()" /> 
    <div id="dynamicDirections" style="margin-left:30px"> 
    </div> 
    </p> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> 
// <![CDATA[ 

    var psGlobals={ 
     address:'3908 Aurora Ave N, Seattle, WA 98103 ', 
     lat:47.6545077, 
     lon:-122.3471123, 
     zoomlevel:13 
    }; 


    function initialize() 
    { 
     psGlobals.latlng = new google.maps.LatLng(psGlobals.lat, psGlobals.lon); 
     buildMap(); 
     psGlobals.dirRenderer = new google.maps.DirectionsRenderer(); 
     psGlobals.dirService = new google.maps.DirectionsService(); 
    } 

    function buildMap() 
    { 
     var myOptions, marker; 
     myOptions = { 
       navigationControl: true, 
       navigationControlOptions: { 
        style: google.maps.NavigationControlStyle.ZOOM_PAN 
       }, 

       mapTypeControl: true, 
       scaleControl: false, 
       zoom: psGlobals.zoomlevel, 
       center: psGlobals.latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     psGlobals.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     psGlobals.marker = new google.maps.Marker({ 
      position: psGlobals.latlng, 
      map: psGlobals.map, 
      title:"4Evergreengroup" 
     }); 


    } 

    function doDirections() 
    { 
     var fromStr = $('#to-input').val(); 

     var dirRequest = { 
      origin: fromStr, 
      destination: psGlobals.address, 
      travelMode: google.maps.DirectionsTravelMode.DRIVING, 
      unitSystem: google.maps.DirectionsUnitSystem.IMPERIAL 
     }; 
     psGlobals.dirService.route(dirRequest, handleDirections); 
    } 

    function handleDirections(dirResult,dirStatus) 
    { 
     if (dirStatus != google.maps.DirectionsStatus.OK) 
     { 
      alert('Directions failed: ' + dirStatus); 
      return; 
     } 

     psGlobals.dirRenderer.setMap(psGlobals.map); 
     psGlobals.dirRenderer.setPanel(document.getElementById('dynamicDirections')); 
     psGlobals.dirRenderer.setDirections(dirResult); 
    } 

    $(document).ready(function(){initialize()}); 

// ]]> 

</script>

來源

2011-03-03 iamwhitebox

查看Google Maps Directions API。您還可以查看[此代碼]（http://docs.google.com/document/d/1YOp9D2rMJ1vZ04OlQX08IR3WR45Fsv8n7cWAn8l1AwE/edit）。 – theRockers 2012-10-19 11:16:59

如果這個回答你的問題不是一定。這裏是你的代碼：

http://bobcravens.com/demos/temp/gmap1.html

點擊「路徑」按鈕，生成並插入方向。你原來的代碼不適合我。我添加了'map_canvas'div來爲google.maps提供目標。似乎現在工作。讓我知道如果有更多？

鮑勃

來源

2011-03-03 15:03:59 rcravens

谷歌地圖V3多個標記與方向

回答

相關問題