FM / examples

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

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

Name	Size	Mode	Actions
arcgisonline.html	1166	0644	edit dl rm
arcgisonline.js	1513	0644	edit dl rm
arcgisonline_all_compiled.html	1098	0644	edit dl rm
arcgisonline_compiled.js	20069	0644	edit dl rm
arcgisonline_lib_compiled.html	1175	0644	edit dl rm
buffer.html	1174	0644	edit dl rm
buffer.js	3175	0644	edit dl rm
buffer_all_compiled.html	1096	0644	edit dl rm
buffer_compiled.js	13481	0644	edit dl rm
buffer_lib_compiled.html	1183	0644	edit dl rm
combined.html	1201	0644	edit dl rm
combined.js	891	0644	edit dl rm
combined_all_compiled.html	1123	0644	edit dl rm
combined_compiled.js	21786	0644	edit dl rm
combined_lib_compiled.html	1210	0644	edit dl rm
coverarea.html	1196	0644	edit dl rm
coverarea.js	2384	0644	edit dl rm
coverarea_all_compiled.html	1118	0644	edit dl rm
coverarea_compiled.js	12427	0644	edit dl rm
coverarea_lib_compiled.html	1205	0644	edit dl rm
directionbuffer.html	3622	0644	edit dl rm
dynamap.html	1200	0644	edit dl rm
dynamap.js	717	0644	edit dl rm
dynamap_all_compiled.html	1122	0644	edit dl rm
dynamap_compiled.js	18558	0644	edit dl rm
dynamap_lib_compiled.html	1209	0644	edit dl rm
dynatype.html	1191	0644	edit dl rm
dynatype.js	699	0644	edit dl rm
dynatype_all_compiled.html	1113	0644	edit dl rm
dynatype_compiled.js	18510	0644	edit dl rm
dynatype_lib_compiled.html	1200	0644	edit dl rm
find.html	1770	0644	edit dl rm
find.js	3453	0644	edit dl rm
find_all_compiled.html	1692	0644	edit dl rm
find_compiled.js	14451	0644	edit dl rm
find_lib_compiled.html	1779	0644	edit dl rm
geocode.html	1176	0644	edit dl rm
geocode.js	2592	0644	edit dl rm
geocode_all_compiled.html	1098	0644	edit dl rm
geocode_compiled.js	13532	0644	edit dl rm
geocode_lib_compiled.html	1185	0644	edit dl rm
hosts.html	1198	0644	edit dl rm
hosts.js	782	0644	edit dl rm
hosts_all_compiled.html	1120	0644	edit dl rm
hosts_compiled.js	18486	0644	edit dl rm
hosts_lib_compiled.html	1207	0644	edit dl rm
hourglass.html	1416	0644	edit dl rm
hourglass.js	1257	0644	edit dl rm
hourglass_all_compiled.html	1338	0644	edit dl rm
hourglass_compiled.js	18383	0644	edit dl rm
hourglass_lib_compiled.html	1425	0644	edit dl rm
layerdef.html	1186	0644	edit dl rm
layerdef.js	1677	0644	edit dl rm
layerdef_all_compiled.html	1108	0644	edit dl rm
layerdef_compiled.js	18480	0644	edit dl rm
layerdef_lib_compiled.html	1195	0644	edit dl rm
layerquery.html	1183	0644	edit dl rm
layerquery.js	2974	0644	edit dl rm
layerquery_all_compiled.html	1105	0644	edit dl rm
layerquery_compiled.js	13069	0644	edit dl rm
layerquery_lib_compiled.html	1192	0644	edit dl rm
layervis.html	1503	0644	edit dl rm
layervis.js	1355	0644	edit dl rm
layervis_all_compiled.html	1425	0644	edit dl rm
layervis_compiled.js	18376	0644	edit dl rm
layervis_lib_compiled.html	1512	0644	edit dl rm
libapp.html	1928	0644	edit dl rm
libapp.js	2881	0644	edit dl rm
libapp_all_compiled.html	1321	0644	edit dl rm
libapp_compiled.js	14877	0644	edit dl rm
libapp_lib_compiled.html	1408	0644	edit dl rm
maptypeoverlay.html	1192	0644	edit dl rm
maptypeoverlay.js	559	0644	edit dl rm
maptypeoverlay_all_compiled.html	1114	0644	edit dl rm
maptypeoverlay_compiled.js	18397	0644	edit dl rm
maptypeoverlay_lib_compiled.html	1201	0644	edit dl rm
mercator.html	1191	0644	edit dl rm
mercator.js	677	0644	edit dl rm
mercator_all_compiled.html	1113	0644	edit dl rm
mercator_compiled.js	18431	0644	edit dl rm
mercator_lib_compiled.html	1200	0644	edit dl rm
nexus.html	1352	0644	edit dl rm
nexus2.html	1494	0644	edit dl rm
nexus_h.jpg	17819	0644	edit dl rm
nexus_v.jpg	18265	0644	edit dl rm
opacity.html	4806	0644	edit dl rm
project.html	1179	0644	edit dl rm
project.js	2575	0644	edit dl rm
project_all_compiled.html	1101	0644	edit dl rm
project_compiled.js	12814	0644	edit dl rm
project_lib_compiled.html	1188	0644	edit dl rm
reverse.html	1176	0644	edit dl rm
reverse.js	1707	0644	edit dl rm
reverse_all_compiled.html	1098	0644	edit dl rm
reverse_compiled.js	13070	0644	edit dl rm
reverse_lib_compiled.html	1185	0644	edit dl rm
routebarriers.html	2961	0644	edit dl rm
routebarriers.js	3575	0644	edit dl rm
routebarriers_all_compiled.html	2883	0644	edit dl rm
routebarriers_compiled.js	13246	0644	edit dl rm
routebarriers_lib_compiled.html	2970	0644	edit dl rm
routebarrier_compiled.js	19110	0644	edit dl rm
simpleags.html	4174	0644	edit dl rm
simpleags.js	6935	0644	edit dl rm
simpleags_all_compiled.html	4092	0644	edit dl rm
simpleags_compiled.js	26665	0644	edit dl rm
simpleags_lib_compiled.html	4183	0644	edit dl rm
stateplane.html	1340	0644	edit dl rm
stateplane.js	1652	0644	edit dl rm
stateplane_all_compiled.html	1262	0644	edit dl rm
stateplane_compiled.js	19318	0644	edit dl rm
stateplane_lib_compiled.html	1349	0644	edit dl rm

Edit: /home/desid573/phewl.desidrivers.com.au/v3-utility-library-master/arcgislink/examples/opacity.html (4806B)

<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>Opacity</title>
        <script type="text/javascript">
            function getURLParam(name) {
              var regexS = "[\\?&]" + name + "=([^&#]*)";
              var regex = new RegExp(regexS);
              var results = regex.exec(window.location.href);
              return (results === null ? "" : decodeURIComponent(results[1]));
            }
            var gmaps_v = getURLParam('v');
            if (gmaps_v) gmaps_v = '&v='+gmaps_v;
            var script = '<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false' + gmaps_v + '"></' + 'script>';
            document.write(script);
        </script>
         <script type="text/javascript" src="../src/arcgislink.js">
        </script>

</style>
        <script type="text/javascript">
          function showOp(op){
            document.getElementById('opv').innerHTML = parseInt(op * 100);
          }
        function init() {
          var myOptions = {
            zoom: 17,
            center: new google.maps.LatLng(45.5, -122.7),
            mapTypeId: google.maps.MapTypeId.HYBRID,
            streetViewControl: true //my favorite feature in V3!
          }
          var opacity = 0.5;
          var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
          var url = 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer';
          var agsType = new gmaps.ags.MapType(url, {
            name: 'ArcGIS',
            opacity: opacity
          });
          map.overlayMapTypes.insertAt(0, agsType);

var bar = document.getElementById("op");
          var container = document.getElementById("opSlider");
          var range = (parseInt(container.style.width)-parseInt(bar.style.width));
          map.controls[google.maps.ControlPosition.TOP].push(document.getElementById('opContainer'));
          var opSlider = new ExtDraggableObject(bar, {
            restrictY:true,
            container:container});
          opSlider.setValueX(range * opacity);
          showOp(opacity);

google.maps.event.addListener(opSlider, 'drag', function(evt){
             var op = opSlider.left()/range;
             agsType.setOpacity(op);
             showOp(op);
          });

google.maps.event.addDomListener(document.getElementById('less'), 'click', function(){
             var op = Math.max(agsType.getOpacity()-0.1, 0);
             agsType.setOpacity(op);
             opSlider.setValueX(range * op);
             showOp(op);
             agsType.hide();
          });
           google.maps.event.addDomListener(document.getElementById('more'), 'click', function(){
             var op = Math.min(agsType.getOpacity()+0.1, 1);
             agsType.setOpacity(op);
             opSlider.setValueX(range * op);
             showOp(op);
             agsType.show();
          });
        }
        </script>
    </head>
   <body style="margin:0px; padding:0px;" onload="init()">
        <div id="map_canvas" style="width:100%; height:100%">
        </div>
        <div id="opContainer" style="position:absolute; margin-top:30px; margin-left:-200px">
            <div id="less" title="Less" style="padding:0px; margin:0px;position:absolute;top:0px;left:0px;width:20px;height:20px;background-color: white;cursor:pointer;text-align:center;">
                &nbsp;-&nbsp;
            </div>
            <div id="opSlider" style="padding: 0px; margin:0px;position:absolute;top:0px;left:22px;overflow:hidden;background-color:yellow;width:160px;height:20px;color:#AAAAAA;font-size:0.9em">
                &nbsp;Drag to Change (<span id='opv'></span>)%
                <div id="op" title="Drag me!" style="padding: 0px; margin:0px;position:absolute;top:0px;left:0px;overflow:hidden;background-color:red;width:12px;height:20px;cursor:pointer;">
                    &nbsp;
                </div>
            </div>
            <div id="more" title="More" style="padding: 0px; margin:0px;position:absolute;top:0px;left:184px;overflow:hidden;background-color:white;width:20px;height:20px;cursor:pointer;text-align:center;">
                &nbsp;+&nbsp;
            </div>

</div>

</body>
</html>

cmd: