This page describes how to show USGS WaterWatch streamflow-condition GoogleMap in WSC's web page.
Here are source codes of an example of a html file showing WaterWatch map for Kansas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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="wwgmaps/wwgmap.css" /> </head> <body onload="xgload('wwgmaps/wwgmap_demo.xml',{cc_lat: 38.61, cc_lng: -97.95, zoom_level:7})" onunload="GUnload()"> <div style="width:800px;"> <div style='text-align:center;'> <div style='margin-top: 10px; margin-bottom: 10px;'> <p class='page_title' style='color:#FF0000;'>WaterWatch Google Map</p></div> </div> <div id='map' style="height:500px; width: 800px;"></div> </div> </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="wwgmaps/wwgmap.js"></script> </html>
Here are source codes of an example of a html file showing WaterWatch map for Kansas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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="wwgmaps/wwgmap.css" /> </head> <body onload="xgload('wwgmaps/wwgmap_data.php?st=ks',{cc_lat: 38.61, cc_lng: -97.95, zoom_level:7})" onunload="GUnload()"> <div style="width:800px;"> <div style='text-align:center;'> <div style='margin-top: 10px; margin-bottom: 10px;'> <p class='page_title' style='color:#FF0000;'>WaterWatch Google Map</p> </div> </div> <div id='map' style="height:500px; width: 800px;"></div> </div> </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="wwgmaps/wwgmap.js"></script> </html>