/ / Google Maps V3 più marcatori con indicazioni stradali - google-maps, google-maps-marker, indicazioni

Google Maps V3 più marcatori con indicazioni stradali - google-maps, google-maps-marker, indicazioni

Il mio codice è sotto voglio solo aggiungere un altromarcatore ed essere in grado di fare clic su quel marcatore e visualizzare le indicazioni per quello. C'è una piccola forma che produce indicazioni stradali sotto la mappa. Ho guardato su internet e ho cercato la via lattea in cui io e la galassia non possiamo capire questa cosa

    <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="/images/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>

risposte:

0 per risposta № 1

Non sicuro se questo risponde alla tua domanda. Ecco il tuo codice:

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

Facendo clic sul pulsante "percorso" genera e inseriscele direzioni. Il tuo codice originale non funzionava per me. Ho aggiunto il div "map_canvas" per fornire un target per google.maps. Sembra funzionare ora. Fammi sapere se c'è di più?

peso