Embedding a Map

  • Unknown's avatar
    brentcarroll · Member ·

    Hi folks,

    Need some help (and I am not a coder).

    I am trying to embed a dynamic map. From my web service, there instructions are:

    Embed Map in Your Website
    Google Map will no longer support custom contents in February 2015. As a result, the iFrame string will stop working. Use the following procedure to embed the map to your web site.

    1. In the <head> section of your html page, insert the following tag:

    <script type=”text/javascript” src=”https://maps.googleapis.com/maps/api/js?sensor=false”></script>
    <script type=”text/javascript” src=”http://www.followmee.com/javascript/share.js”></script>
    <script>
    _url = “http://www.followmee.com/api/tracks.aspx?key=f7630e5f35e07cab92b5c6e22c165c82&username=xxx&type=2&deviceid=yyy&function=historyfordevice&history=24&output=kml”;
    </script>

    2. Insert the following code in <body> section where you would like to place your embedded map. Of course, you can adjust the width and height.
    <div id=”followmeemap” style=”width: 600px; height: 400px”></div>
    View GPS Tracks in Larger Map

    3. If you need to customize the map type or zoom level, you can append the following code right after the _url assignment in Step 1.
    _maptype = “k”;
    _zoom = 15;

    _maptype can be assigned one of the following:
    • m – normal map
    • k – satellite
    • h – hybrid
    • p – terrain
    _zoom is between 0 (the lowest zoom level, in which the entire world can be seen on one map) to 21+ (down to individual buildings).

    How do I go about doing this? (remembering I am more a cut-and-paster than a coder. I can’t figure out how to add a page and then modify the header and body. I think I need to save the js somewhere, but have no idea how or where.

    Thanks!

    Brent

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi there,

    I’m sorry, but this wouldn’t be possible on WordPress.com. We don’t allow you to add your own Javascript for security reasons. You can see the accepted code here:

    Code

    However, as an alternative you can embed Google Maps if you like:

    Google Maps

  • Unknown's avatar
    brentcarroll · Member ·

    Thanks for the quick reply! Unfortunately, I understand that Google is ending support for iFrame this month, hence the workaround provided by my web service.

    Brent

  • Unknown's avatar
    lizthefair · Member ·

    I did some research on this, and while Google Maps is not doing away with iframes completely, if you are using http://followmee.com/, the changes Google is making does mean the opt-in Sharing feature will stop working on your site.

    Unfortunately, the work around the site proposed isn’t supported by WordPress.com.

  • Unknown's avatar
    jquerymap · Member ·

    You will probably want to take a look at the collaborative project OpenStreetMap.org. We use it pretty often for street-level maps, and it works really well! <img src=”cid:(email visible only to moderators and staff)” goomoji=”338″ alt=”” style=”margin: 0px 0.2ex; vertical-align: middle;”>

  • The topic ‘Embedding a Map’ is closed to new replies.