Skip to content

Instantly share code, notes, and snippets.

@johtso
Created March 5, 2012 03:40
Show Gist options
  • Save johtso/1976401 to your computer and use it in GitHub Desktop.
Save johtso/1976401 to your computer and use it in GitHub Desktop.
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2">
<Document>
<Folder>
<name>a name</name>
<description>Here are multiple maps displayed in one</description>
<NetworkLink>
<open>0</open>
<description>testdesc</description>
<Link>
<href>http://maps.google.co.uk/maps/ms?hl=en&amp;ie=UTF8&amp;oe=UTF8&amp;msa=0&amp;msid=212377250988774351922.0004b6224ba561ebee1b0&amp;output=kml</href>
</Link>
</NetworkLink>
</Folder>
</Document>
</kml>
@samthetechie
Copy link

This was what I tried in the end:

    
        
        
        
        <title>Maptivism | Cartography is Cool.</title>
        
        <script type="text/javascript" src="../js/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="../js/ticker-1.2.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
        var defaultloc = new google.maps.LatLng(51.50348, -0.126901);
        var currloc = null;
        var map;
        var me = null;
        var followMe = true;

        function init() {
            getTickerRSS();
            map = new google.maps.Map(
                document.getElementById('map'), {
                    zoom: 16,
                    center: defaultloc,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    draggable: true
                }
            );
            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=5&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004b6224ba561ebee1b0',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );
            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=3&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004ba74e92f1c118c517',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );
            
            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=6&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004ba7516a1ac1e05ac9',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );
            
            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=2&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004ba75119e1444481ff',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );
            
            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=7&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004ba7504886c2262b6a',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );                                              

            mapviewlayer = new google.maps.KmlLayer('http://maps.google.co.uk/maps/ms?authuser=0&vps=7&hl=en&ie=UTF8&msa=0&output=kml&msid=212377250988774351922.0004ba7504886c2262b6a',
                {
                    map: map,
                    preserveViewport: true,
                    clickable: true
                }
            );
            
            if (navigator.geolocation) {
                navigator.geolocation.watchPosition(
                    locateSuccess,
                    locateError, {
                        enableHighAccuracy: true, maximumAge: 300*1000, timeout: 290*1000
                    }
                );
            } else locateError();
        }

        function locateError() {
            if (currloc === null) {
                currloc = defaultloc;
            }
        }

        function locateSuccess(pos) {
            currloc = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
            if (me === null) {
                var bounds = new google.maps.LatLngBounds(defaultloc, defaultloc);
                bounds.extend(currloc);
                map.fitBounds(bounds);
                me = new google.maps.Marker({
                    map: map,
                    draggable: false,
                    animation: google.maps.Animation.DROP,
                    position: currloc
                });
            }
            if(followMe) {
                map.setCenter(currloc);
                followMe = false;
            }

        }
        </script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment