FM / examples

/home/desid573/phewl.desidrivers.com.au/v3-utility-library-master/styledmarker/examples/

/home/desid573/phewl.desidrivers.com.au/v3-utility-library-master/styledmarker/examples

Name	Size	Mode	Actions
change_color.htm	1548	0644	edit dl rm
class_use.htm	2009	0644	edit dl rm
elevation.htm	2231	0644	edit dl rm
simple.htm	1446	0644	edit dl rm
styledMarker.png	87250	0644	edit dl rm

Edit: /home/desid573/phewl.desidrivers.com.au/v3-utility-library-master/styledmarker/examples/simple.htm (1446B)

<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>StyledMarker Example: Simple</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="../src/StyledMarker.js"></script>
<script type="text/javascript"> 
  function initialize() {
    var myLatLng = new google.maps.LatLng(37.313477473067, -121.880502070713);
    var myOptions = {
      zoom: 11,
      center: myLatLng,
      mapTypeId: google.maps.MapTypeId.SATELLITE
    };
 
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
		
	var styleMaker2 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.BUBBLE,{color:"ff0000",text:"I'm a marker!"}),position:new google.maps.LatLng(37.383477473067, -121.880502070713),map:map});
	var styleMaker1 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:"A"}),position:myLatLng,map:map});
	var styleMaker3 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"0000ff"}),position:new google.maps.LatLng(37.263477473067, -121.880502070713),map:map});
  }
</script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div id="map_canvas" style="width: 100%; height: 100%;"></div> 
</body> 
</html>

cmd: