Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23244

    Hi folks,

    I want to add a fusion table map to my site, I can’t manage it. Can you suggest how I might amend the code to post it?

    Thanks

    Bernard (htt://www.geogecko.com)

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    #map-canvas { width:1000px; height:800px; }

    </style>

    <script type=”text/javascript”

    src=”http://maps.google.com/maps/api/js?sensor=false”>

    </script>

    <script type=”text/javascript”>

    var map;

    var layerl0;

    var layerl1;

    var layerl2;

    function initialize() {

    map = new google.maps.Map(document.getElementById(‘map-canvas’), {

    center: new google.maps.LatLng(-13.297911901638637, 27.9502080625),

    zoom: 7

    });

    var style = [

    {

    featureType: ‘all’,

    elementType: ‘all’,

    stylers: [

    { saturation: 99 }

    ]

    },

    {

    featureType: ‘road.highway’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘road.arterial’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘road.local’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘administrative.neighborhood’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘administrative.land_parcel’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘poi’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    },

    {

    featureType: ‘transit’,

    elementType: ‘all’,

    stylers: [

    { visibility: ‘off’ }

    ]

    }

    ];

    var styledMapType = new google.maps.StyledMapType(style, {

    map: map,

    name: ‘Styled Map’

    });

    map.mapTypes.set(‘map-style’, styledMapType);

    map.setMapTypeId(‘map-style’);

    layerl0 = new google.maps.FusionTablesLayer({

    query: {

    select: “‘col2>>0′”,

    from: ‘186gYAPNi43m_pTD29ZbTB_JaunrAKikJh0jRdYE’

    },

    map: map,

    styleId: 2,

    templateId: 2

    });

    layerl1 = new google.maps.FusionTablesLayer({

    query: {

    select: “‘col2>>0′”,

    from: ‘1exlL0hvwX6z1Vc245ZGsIwGcTbDiu5pCWSxi7xM’

    },

    map: map,

    styleId: 2,

    templateId: 2

    });

    layerl2 = new google.maps.FusionTablesLayer({

    query: {

    select: “‘col2′”,

    from: ’12hb056xSAX01zQadeuxYg-ZciwHjOVFg9jf6UMU’

    },

    map: map,

    styleId: 2,

    templateId: 2

    });

    }

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

    </script>

    </head>

    <body>

    <div id=”map-canvas”></div>

    </body>

    </html>

    #119062

    Hi geogecko,

    You could use a custom page template for the page and add it in that way. See: http://codex.wordpress.org/Page_Templates#Custom_Page_Template

    Regards,

    Devin

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Fusion tables map’ is closed to new replies.