Scribd Logo
Hochladen

Willkommen bei Scribd!

  • 1

    Hochgeladen von

    Irfanthohari
    14 Ansichten2 Seiten
    cfvgfd

    Originaltitel

    1.txt

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    TXT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    cfvgfd

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    14 Ansichten2 Seiten

    1

    Hochgeladen von

    Irfanthohari
    cfvgfd

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta name="viewport"></meta>
    <title>DATA GABUNGAN FIX (1) - Google Fusion Tables</title>
    <style type="text/css">
    html, body, #googft-mapCanvas {
    height: 600px;
    margin: 0;
    padding: 0;
    width: 1350px;
    }
    #googft-legend{background-color:#fff;border:1px solid #000;font-family:Arial,sans-
    serif;font-size:12px;margin:5px;padding:10px 10px 8px}#googft-legend p{font-
    weight:bold;margin-top:0}#googft-legend div{margin-bottom:5px}.googft-legend-
    swatch{border:1px solid;float:left;height:12px;margin-right:8px;width:20px}.googft-
    legend-range{margin-left:0}.googft-dot-icon{margin-right:8px}.googft-paddle-
    icon{height:24px;left:-8px;margin-right:-8px;position:relative;vertical-
    align:middle;width:24px}.googft-legend-source{margin-bottom:0;margin-
    top:8px}.googft-legend-source a{color:#666;font-size:11px}
    </style>

    <script type="text/javascript" src="https://maps.google.com/maps/api/js?


    v=3"></script>

    <script type="text/javascript">
    function initialize() {
    google.maps.visualRefresh = true;
    var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
    (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|
    iemobile)/));
    if (isMobile) {
    var viewport = document.querySelector("meta[name=viewport]");
    viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
    }
    var mapDiv = document.getElementById('googft-mapCanvas');
    mapDiv.style.width = isMobile ? '100%' : '1350px';
    mapDiv.style.height = isMobile ? '100%' : '600px';
    var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(-7.5905862431931626, 112.50574112109382),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById
    ('googft-legend-open'));

    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById
    ('googft-legend'));

    layer = new google.maps.FusionTablesLayer({


    map: map,
    heatmap: { enabled: false },
    query: {
    select: "col3",
    from: "1bHXopB_ZN38SoTqf4yKwhDatXfqfaPbYshmdWhD2",
    where: ""
    },
    options: {
    styleId: 2,
    templateId: 2
    }
    });

    if (isMobile) {
    var legend = document.getElementById('googft-legend');
    var legendOpenButton = document.getElementById('googft-legend-open');
    var legendCloseButton = document.getElementById('googft-legend-close');
    legend.style.display = 'none';
    legendOpenButton.style.display = 'block';
    legendCloseButton.style.display = 'block';
    legendOpenButton.onclick = function() {
    legend.style.display = 'block';
    legendOpenButton.style.display = 'none';
    }
    legendCloseButton.onclick = function() {
    legend.style.display = 'none';
    legendOpenButton.style.display = 'block';
    }
    }
    }

    google.maps.event.addDomListener(window, 'load', initialize);


    </script>
    </head>

    <body>
    <div id="googft-mapCanvas"></div>
    <input id="googft-legend-open" style="display:none" type="button"
    value="Legend"></input>
    <div id="googft-legend">
    <p id="googft-legend-title">Jumlah Kasus DBD</p>
    <div>
    <span class="googft-legend-swatch" style="background-color: #00ff00"></span>
    <span class="googft-legend-range">5 to 74.333</span>
    </div>
    <div>
    <span class="googft-legend-swatch" style="background-color: #ffff00"></span>
    <span class="googft-legend-range">74.333 to 143.667</span>
    </div>
    <div>
    <span class="googft-legend-swatch" style="background-color: #ff9900"></span>
    <span class="googft-legend-range">143.667 to 213</span>
    </div>
    <div class="googft-legend-source">
    <a href="data?docid=1bHXopB_ZN38SoTqf4yKwhDatXfqfaPbYshmdWhD2"
    target="_blank">Source</a>
    </div>
    <input id="googft-legend-close" style="display:none" type="button"
    value="Hide"></input>
    </div>

    </body>
    </html>

    Das könnte Ihnen auch gefallen