On Oct 13, 5:02 pm, Stephan Bardubitzki <[email protected]> wrote: > Just deployed. > > http://yukonlive.ca/mobile-apps/ywp/gethere.html
Looks to me like your "map" variable isn't defined when you are trying to add the markers to it. -- Larry > > This is meant to run on a smart phone, but will demonstrate my issue on a > desktop browser too. > > Thanks, > Stephan > > On Thu, Oct 13, 2011 at 4:45 PM, [email protected] > <[email protected]>wrote: > > > > > > > > > On Oct 13, 4:43 pm, bardu <[email protected]> wrote: > > > Hi, > > > > I have set suppressMarkers and suppressInfoWIndow to true to not display > > the > > > default markers and infoWindow of a route. Then I have added my custom > > > markers and infoWindows, as usual, to the map as you can see in the code > > > below. However, no markers show up on the map. > > > > What do I miss? > > > A link to the map that shows the problem? > > > -- Larry > > > > Thanks. > > > > function initYWPDirectionMap() { > > > ywpDirectionsDisplay = new google.maps.DirectionsRenderer({ > > > draggable: false, > > > suppressInfoWindow: true, > > > suppressMarkers: true > > > }); > > > var ywpDirOptions = { > > > zoom: 5, > > > center: new google.maps.LatLng(65.00,-135.00), > > > mapTypeId: google.maps.MapTypeId.HYBRID, > > > mapTypeControl: true, > > > streetViewControl: false, > > > minZoom: 4 > > > }; > > > var start; > > > > if ( geoLocation && currentLatitude && currentLongitude ) { > > > start = new google.maps.LatLng(currentLatitude, > > currentLongitude); > > > > } > > > else { > > > start = new google.maps.LatLng(60.7333, -135.094); > > > } > > > var end = new google.maps.LatLng(60.87116, -135.3384); > > > var request = { > > > origin:start, > > > destination:end, > > > travelMode: google.maps.TravelMode.DRIVING > > > }; > > > ywpDirectionsService.route(request, function(result, status) { > > > if (status == google.maps.DirectionsStatus.OK) { > > > directionResult = result; > > > ywpDirectionsDisplay.setDirections(result); > > > } > > > else { > > > //TODO: handle exception > > > } > > > }); > > > // create custom markers > > > var markerValues = [{iconUrl: > > > '../resources/images/mapicons/youAreHere.png', > > > title: 'You are here, more or less!'}, > > > {iconUrl: '../resources/images/mapicons/ywp.png', > > > title: 'Yukon Wildlife Preserve'} > > > ]; > > > for ( var i = 0; i < markerValues.length; i++ ) { > > > var icon = new google.maps.MarkerImage(markerValues[i].iconUrl, > > > new google.maps.Size(32.0, 37.0), > > > new google.maps.Point(0, 0), > > > new google.maps.Point(16.0, 18.0)); > > > var shadow = new > > > google.maps.MarkerImage('../resources/images/mapicons/shadow.png', > > > new google.maps.Size(51.0, 37.0), > > > new google.maps.Point(0, 0), > > > new google.maps.Point(16.0, 18.0)); > > > var marker = new google.maps.Marker({ > > > position: start, > > > map: ywpDirectionsMap, > > > icon: icon, > > > shadow: shadow, > > > title: markerValues[i].title > > > }); > > > addDirectionsInfoWindow(marker); > > > } > > > ywpDirectionsMap = new > > > google.maps.Map(document.getElementById('dir-gmap'), ywpDirOptions); > > > ywpDirectionsDisplay.setMap(ywpDirectionsMap); > > > > } > > > > function addDirectionsInfoWindow(marker) { > > > google.maps.event.addListener(marker, 'click', function() { > > > directionsInfoWindow.setContent(marker.title); > > > directionsInfoWindow.open(ywpDirectionsMap, marker); > > > }); > > > > } > > > -- > > You received this message because you are subscribed to the Google Groups > > "Google Maps JavaScript API v3" group. > > To post to this group, send email to > > [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > For more options, visit this group at > >http://groups.google.com/group/google-maps-js-api-v3?hl=en. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
