Support » Plugin: OSM - OpenStreetMap » Map with text marker via SSL connection

  • Resolved actronab

    (@actronab)


    Hello!

    Recently I migrated my blog to HTTPS and ran into a problem with the OSM plugin. Since it uses HTTP to include the map tiles, my page contains ‘mixed content’ and will be classified as unsecure by most browsers.

    I am using the old osm_map shortcode with a custom text marker. I read that the SSL problem is solved with the more recent osm_map_v3 tag, however it does not support text markers properly. At least I did not manage to define text lines 1, 2 and 3 with the new syntax.

    Furthermore, the documentation is a mess and most examples seem outdated. Is there any way to use the old osm_map tag with HTTPS?

    My old shortcode looks like this:

    [osm_map lat="xx.xxx" lon="yy.yyy" zoom="17" width="600" height="450" marker="xx.xxx,yy.yyy" marker_name="../../../themes/foobar/osm.png" marker_height="32" marker_width="32" marker_focus="5" map_border="thin solid black" control="scaleline" m_txt_01="<b>Some text</b>" m_txt_02="More text" m_txt_03="Even more" m_txt_04="&nbsp;" marker_routing="no" theme="dark" type="Mapnik"]

    Kind regards,
    Bernd

    • This topic was modified 5 months, 3 weeks ago by actronab.
Viewing 8 replies - 1 through 8 (of 8 total)
  • I figured out that osm-config.php already defines various constants for the Mapnik tile URIs and used HTTPS here. However, the file also includes a local copy of /openlayers/OpenStreetMap.js, where they also define those tile URIs, but this time just HTTP.

    Maybe the OpenStreetMap.js file has to be altered as well?

    Furthermore, the constants Osm_Mapnik_Tiles_a, Osm_Mapnik_Tiles_b and Osm_Mapnik_Tiles_c are never used in the project.

    • This reply was modified 5 months, 3 weeks ago by actronab.
    Plugin Author MiKa

    (@photoweblog)

    Hello @actronab

    thanks a lot for your feedback!

    There are many open tickets for osm_map_v3 which is the future road of WP OSM Plugin. We want to encourage all users to move from osm_map to osm_map_v3.

    We will not fix the https topic on osm_map but we would love to support you to bring your map from old osm_map to osm_map_v3. Most time a solution was found for the new shortcode.

    Thanks for understanding and looking forward to support you to bring your maps to osm_map_v3 together.

    Br, MiKa

    Hello!

    Since the GDPR is in effect, HTTPS connections are virtually mandatory for web sites within the European Union. Why do you deny fixing such a bug, when it simply means changing three URIs in the code?

    Now that you don’t fix this issue, you are forcing me to FORK your project and fix the problem myself, no longer obtaining updates from your official plugin. And you encourage users like me to look for alternative plugins. I just looked into the ‘Leaflet Map’ plugin for WordPress and it seems very promising and straightforward.

    I’m a developer myself and I don’t understand, how you cannot fix a known issue, when you are the maintainer of a project.

    For the osm_map_v3 keyword, I tried to migrate my shortcode, but the new tag does not support all the features I used previously (see initial post, esp. text markers). Furthermore, the documentation is very poor and examples are widely outdated, what makes it hard to migrate at all.

    Kind regards,
    Bernd

    • This reply was modified 5 months, 3 weeks ago by actronab.
    • This reply was modified 5 months, 3 weeks ago by actronab.

    Even the official OSM web site has changed the URIs to HTTPS:

    https://www.openstreetmap.org/openlayers/OpenStreetMap.js

    OpenLayers.Layer.OSM.Mapnik = OpenLayers.Class(OpenLayers.Layer.OSM, {
        /**
         * Constructor: OpenLayers.Layer.OSM.Mapnik
         *
         * Parameters:
         * name - {String}
         * options - {Object} Hashtable of extra options to tag onto the layer
         */
        initialize: function(name, options) {
            var url = [
                "https://a.tile.openstreetmap.org/${z}/${x}/${y}.png",
                "https://b.tile.openstreetmap.org/${z}/${x}/${y}.png",
                "https://c.tile.openstreetmap.org/${z}/${x}/${y}.png"
            ];
            options = OpenLayers.Util.extend({
                numZoomLevels: 20,
                attribution: "&copy; <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors",
                buffer: 0,
                transitionEffect: "resize"
            }, options);
            var newArguments = [name, url, options];
            OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
        },
    
        CLASS_NAME: "OpenLayers.Layer.OSM.Mapnik"
    });
    Plugin Author MiKa

    (@photoweblog)

    You get it with the next version.

    @photoweblog: Thank you! I’m glad to hear that. 🙂

    Plugin Author MiKa

    (@photoweblog)

    Hello @actronab ,

    you got it with the last release 😉

    BTW: Feel free to support us with your rate here:

    https://wordpress.org/support/plugin/osm/reviews/

    Br, MiKa

    Thanks for the update.

    Link in attribution property to ‘openstreetmap.org’ still lacks the https (it’s there in the official file), but that’s no problem, as long as the tile links are using a secure connection.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.