Need help? Check out our Support site, then


Creating a map on an image.

  1. I have been trying - for about 5 solid hours - to create a map of the UK on my website. I have all the code correct so that each county has it's own link etc. It workds fine if I load it from notepad but as soon as I try to place it on wordpress (via the edit by html tab) it only displays the image. All my links dissapear. I have tried everything. If anyone has got any ideas then PLEASE tell me.

    Kind Regards,
    Andy.

  2. You want an interactive map on your blog? Clickable by country etc?

  3. Bang on mate! I have all the correct code (I think):

    <map name="map">
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
    <!-- #$-:Please do not edit lines starting with "#$" -->
    <!-- #$VERSION:2.3 -->
    <!-- #$AUTHOR:Cornelius Lineham -->
    <area shape="poly" coords="99,74,131,145,159,137,186,120,200,69,196,22,144,16,107,35,98,67" href="http://666ps3.wordpress.com/2008/01/06/psn-scotland/" />
    <area shape="poly" coords="150,149,153,164,159,164,159,171,153,184,151,185,158,201,167,200,171,189,167,177,164,166,171,160,171,144,167,134,158,140" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="169,132,171,142,173,150,171,165,168,174,178,194,206,194,203,171,190,128,183,123,177,132" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="92,123,84,130,76,136,85,150,93,146,103,159,121,148,121,140,118,133,115,122,107,118,98,119,90,123,81,128" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="155,201,148,185,126,181,119,196,126,209,111,213,104,220,108,229,140,238,148,236,147,214,148,204,154,198" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="150,204,150,215,148,221,149,230,156,230,162,227,173,231,178,217,174,201,170,198,164,203,155,204" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="172,192,172,196,177,207,180,218,180,226,177,230,180,235,187,235,195,217,204,214,208,195,183,196" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="213,209,206,216,196,219,193,228,192,241,207,251,227,228,227,217,215,210" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="165,228,149,232,149,239,135,247,119,242,84,267,91,270,159,264,170,241" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="172,233,161,263,169,272,210,266,218,256,201,251,191,251,188,239,186,236" href="http://www.666ps3.wordpress.com/" />
    <area shape="poly" coords="190,242,188,248,191,251,197,251,200,247,195,243,191,242" href="http://www.google.co.uk/" />
    </map>

    That's it so far. I need to change a lot of the links but either way that should work shouldn't it? Confused! :D

  4. Well - the code gets stripped, obviously.
    Wordpress will strip away any java, php, perl etc for security reasons.

  5. Cheers for the help anyway.

  6. There might be another solution, though...
    But someone else will have to come up with it I'm afraid.
    (Traffic will pick up come monday)

  7. url?

  8. Load the image on your blog, host the actual map on Google Pages or something, and make the image clickable to the actual map, to open in a new window.

Topic Closed

This topic has been closed to new replies.

About this Topic