谷歌地图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多个标记与方向

回答

相关问题