NW Carib Net
Register
Advertisement

Testing Ability to enter maps[]

Welcome any help with this feature[]

experimenting with format[]

<googlemap lat="12.369515" lon="-83.356018"> 32.81134, 48.498341, One of many gas stations in town 32.82448, 48.504848, The town hall </googlemap>



<googlemap ... >

|

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAWGH5wDQXyRV9Rx40p_cIhxSVBUHN-53Y2SSX1YOdO6x5ls-J-RSZbSC_DxkO9qPPqmCo422F4o_Q8Q" type="text/javascript"></script> <script type="text/javascript">

   //<![CDATA[

var map; var icon0; var newpoints = new Array(); function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function'){ window.onload = func } else { window.onload = function() { oldonload(); func(); } } } addLoadEvent(loadMap); addLoadEvent(addPoints); function loadMap() { map = new GMap2(document.getElementById("map"));

map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10, 10)) );
map.addControl(new GScaleControl());

map.setCenter(new GLatLng(16.329999,-86.519996), 10); map.setMapType(G_HYBRID_MAP); icon0 = new GIcon(); icon0.image = "http://www.webtourist.net/symbols/home.gif"; icon0.shadow = "http://www.webtourist.net/symbols/shadow.gif"; icon0.iconSize = new GSize(25, 43); icon0.shadowSize = new GSize(29, 47); icon0.iconAnchor = new GPoint(9, 34); icon0.infoWindowAnchor = new GPoint(9, 2); icon0.infoShadowAnchor = new GPoint(18, 25); icon1 = new GIcon(); icon1.image = "http://www.webtourist.net/symbols/hotels.gif"; icon1.shadow = "http://www.webtourist.net/symbols/shadow.gif"; icon1.iconSize = new GSize(25, 43); icon1.shadowSize = new GSize(29, 47); icon1.iconAnchor = new GPoint(9, 34); icon1.infoWindowAnchor = new GPoint(9, 2); icon1.infoShadowAnchor = new GPoint(18, 25); icon2 = new GIcon(); icon2.image = "http://www.webtourist.net/symbols/poi.gif"; icon2.shadow = "http://www.webtourist.net/symbols/shadow.gif"; icon2.iconSize = new GSize(25, 43); icon2.shadowSize = new GSize(29, 47); icon2.iconAnchor = new GPoint(9, 34); icon2.infoWindowAnchor = new GPoint(9, 2); icon2.infoShadowAnchor = new GPoint(18, 25);

} function addPoints() {

newpoints[1] = new Array(-86.79, 15.779999, icon1, 'La Ceiba', '

'); newpoints[0] = new Array(-86.519996, 16.329999, icon0, , '

');

for(var i = 0; i < newpoints.length; i++) { var point = new GPoint(newpoints[i][0],newpoints[i][1]); //Add overlay to map var popuphtml = newpoints[i][4] ; var marker = createMarker(point,newpoints[i][2],popuphtml); map.addOverlay(marker); } } function createMarker(point, icon, popuphtml) { var marker = new GMarker(point, icon); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(popuphtml); }); return marker; }


   //]]>
   </script>


</googlemap>


Advertisement