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

  1. seezee
    Posted 2 years 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 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.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>"]


  2. webaware
    Plugin Author

    Posted 2 years 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:


    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.


  3. seezee
    Posted 2 years 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Flexible Map
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.