WaterWatch ToolKit

How to make a 'flood' google map?

  1. Making a 'flood' google map can be done easily by adding 'mt' optioin in querying data and map options:
    1. Query data:
      1. http://waterwatch.usgs.gov/download/?gt=map&mt=flood&st=<st>
      2. wwgmaps/wwgmap_data.php?mt=flood&st=<st>
    2. For map option: {mt: flood, ...}
  2. Example:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expies" content="-1" />
<title>WaterWatch GoogleMap</title>
<link type='text/css' rel='stylesheet' href='wwgmap/faqs/wwgmaps/wwgmap.css' />
</head>
<body onload="xgload('wwgmaps/wwgmap_data.php?st=ks&mt=flood', {mt: 'flood', cc_lat: 38.49114652, cc_lng: -98.32506965, sw_lat: 36.92868144, sw_lng:-102.13824100, ne_lat: 40.05361160, ne_lng:-94.51189830} )" onunload="GUnload()">
<p class='page_title' style='color:#FF0000;'>WaterWatch Google Map</p>
<div id='map' style="height:500px; width: 800px; margin: auto;"></div>
<p style='margin-top: 30px;'><img src=wwgmap/faqs/"wwgmaps/images/flood_dot_wnd.gif" alt="legend" /></p>
</body>
<script src='http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAABqhIfnU-rjfEmqC1n6ivpxSI-p42h0V-2ck6RKDxi7TljzjcXBQPV_TGjihWdyi_-Z78thpZTbOZjg' type="text/javascript"></script>
<script type="text/javascript" src=wwgmap/faqs/"wwgmaps/wwgmap.js"></script>
</html>