WordPress.org

Ready to get started?Download WordPress

Forums

WP Flexible Map
[resolved] Also getting blank where map should be (3 posts)

  1. seezee
    Member
    Posted 8 months ago #

    At the plugin author's request, starting a new topic on this (was on a related topic's page):

    In the page source, I can see this:

    <script type='text/javascript' src='http://maps.google.com/maps/api/js?v=3.13&sensor=false'>
    </script>
    <script type='text/javascript' src='http://wp.oklahomastone.com/wp-content/plugins/wp-flexible-map/flexible-map.min.js?ver=1.7.1'></script>

    And in Developer Tools, I see:

    <script type='text/javascript' src='http://maps.google.com/maps/api/js?v=3.13&sensor=false'></script>
    <script src="http://maps.gstatic.com/intl/en_us/mapfiles/api-3/13/15/main.js" type="text/javascript"></script>
    <script type='text/javascript' src='http://wp.oklahomastone.com/wp-content/plugins/wp-flexible-map/flexible-map.min.js?ver=1.7.1'></script>

    It's worth noting that the line <script src="http://maps.gstatic.com/intl/en_us/mapfiles/api-3/13/15/main.js" type="text/javascript"></script> appears in both the head and in the body (footer). The other thing to note is the map HTML:

    <div id="flxmap-52814e3b6b589" class="flxmap-container" data-flxmap="flxmap_52814e3b6b589" style="width:614px;height:464px;"></div>
    /* <![CDATA[ */
    (function(w, fn) {
     if (w.addEventListener) w.addEventListener("DOMContentLoaded", fn, false);
     else if (w.attachEvent) w.attachEvent("onload", fn);
    })(window, function() {
     var f = new FlexibleMap();
     f.scaleControl = true;
     f.streetViewControl = true;
     f.scrollwheel = true;
     f.region = "us";
     f.setlocale("en-US");
     f.visualRefresh = true;
     window.flxmap_52814e2a68562 = f;
    });
    /* ]]> */

    The final '>' is rendering as an HTML entity instead of a 'greater than' character.

    Shortcode is [flexiblemap width="614" height="464" center="35.577383, -97.681112" zoom="14" hidestreetview="false" hidescale="false" scrollwheel="true" region="us" locale="en-US" visualrefresh="true" title="OklahomaStone.com" icon="/files/map/marker.png" html="<h4>Address</h4><address><p>9311 <abbr title="Northwest">NW</abbr> Expressway<br />Oklahoma City, OK 73099<br />USA</p></address><h5>Hours</h5><p>8:00 <abbr>AM</abbr> – 5:30 <abbr>PM</abbr>, Monday – Thursday<br />8:00 <abbr>AM</abbr> – 5:00 <abbr>PM</abbr>, Friday<br />9:00 <abbr>AM</abbr> – <strong>Noon</strong>, Saturday<br />Closed Sunday</p><h6>Phone & Fax</h6><p>p: 405.721.6775<br />f: 405.721.8491</p>"]

    http://wordpress.org/plugins/wp-flexible-map/

  2. webaware
    Member
    Plugin Author

    Posted 8 months ago #

    G'day seezee,

    For reference: http://wp.oklahomastone.com/contact-location-hours/

    Remove the space between the coordinates and the map will display. I'll have to add a space removal feature to the plugin, this isn't the first time someone's had that problem!

    Your marker icon can't display because you have a relative URL; use the absolute URL so that Google Maps can find it:

    http://wp.oklahomastone.com/files/map/marker.png

    Finally, looks like WordPress is going to really mess with the HTML description, unfortunately. It keeps splitting it up into separate attributes, so I'm going to have to address that differently in a future version of the plugin. Don't hold your breath for that, I don't have time this month -- maybe in December.

    cheers,
    Ross

  3. seezee
    Member
    Posted 8 months ago #

    That did it. The relative URL works, BTW. I'm using that because the URL will change when the site goes public.

    Bummer about the HTML. Hopefully that'll be done before I go 'live.' Got a feature request, too, but I'll start a new thread.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.