Hi Everyone,

First of all a special thanks to the GMaps team for putting out the new
release....and a super special shout out to Chad for everything he's done to
help me with this.

I'm using the new release and have multiple .KmlLayer feeds coming in.  All
of this works great except I don't know how to differentiate the feeds via
different colored icons or custom images.  I don't really know how to do
this.

I really appreciate your time in looking at this with me.

Thank you all,

Jack


Here's a link to the test page: http://www.gamecarver.com/mapmap6.html


Here's the code for the page:

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>VIPER Traffic and Hazmat LIVE</title>
<script type="text/javascript" src="
http://maps.google.com/maps/api/js?sensor=true";></script>
<script type="text/javascript">
var initialLocation;
var statepolice = new google.maps.LatLng(37.502168, -77.542212);

function initialize() {
  var myOptions = {
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
  var Hazmat = new google.maps.KmlLayer('
https://cop.vdem.virginia.gov/gis_feeds/GeoRSS2.ashx');
  Hazmat.setMap(map);
  var RichmondTraffic = new google.maps.KmlLayer('
http://map.richmondgov.com/Bing/Traffic/georssfeed.ashx');
  RichmondTraffic.setMap(map);
  var StateShelters = new google.maps.KmlLayer('
https://cop.vdem.virginia.gov/gis_feeds/ShelterGeoRSS.ashx');
  StateShelters.setMap(map);
//var georssLayerRADAR = new google.maps.KmlLayer('
www.guiweather.com/kml/radar/radarLoader.kml');
//georssLayerRADAR.setMap(map);
  var trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap(map);
  //www.guiweather.com/kml/radar/radarLoader.kml
  // Safari supports the W3C Geolocation method
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      initialLocation = new
google.maps.LatLng(position.coords.latitude,position.coords.longitude);
      var placeMarker = new google.maps.Marker({
        position: initialLocation,
        map: map,
      });
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeolocation(browserSupportFlag);
    });
  } else {
    // Browser doesn't support Geolocation
    handleNoGeolocation();
  }

  function handleNoGeolocation() {
    initialLocation = statepolice;
    map.setCenter(initialLocation);
  }
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

-- 
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.

Reply via email to