Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #23977
    Profile photo of Henri
    Henri
    Participant

    Now I tried to use the new location feature of Symbiostock version 2.0.

    Now the first problem is this (copied from Google Chrome’s console):
    Mixed Content: The page at 'https://henri.photo/stock-images/national-museum-of-finland/' was loaded over HTTPS, but requested an insecure script 'http://maps.google.com/maps/api/js?sensor=false'. This content should also be served over HTTPS.

    The second problem is that I don’t know what is the correct format for latitude and longitude information. According to Google’s page coordinates may be formated at least three different ways:

    • Degrees, minutes, and seconds (DMS): 41°24’12.2″N 2°10’26.5″E
    • Degrees and decimal minutes (DMM): 41 24.2028, 2 10.4418
    • Decimal degrees (DD): 41.40338, 2.17403

    What is the correct one? Now when I copied coordinates from the Google Maps, it was formated like this: 60.174515, 24.932158 (the location of National Museum of Finland). It wasn’t working or at least there is no a sensor/pin (because of this: http://maps.google.com/maps/api/js?sensor=false) and zooming is too wide.

    #23978
    Profile photo of Robin
    Robin
    Keymaster

    Regarding first issue:

    Edit front-product-page.php and change that script reference to reflect:

    //maps.google.com/maps/api/js

    instead of:

    http://maps.google.com/maps/api/js

    This will be fixed in the next release, thanks for pointing it out. It’s happening because your whole site is SSL.

    The map coordinates are working, just not zooming in. I will look into adding additional settings so you can set the zoom percentage, if that is possible with embedded Google maps.

    #23979
    Profile photo of steveh
    steveh
    Participant

    I have the GPS coordinates in some of my images from Lightroom, but my maps just give a very broad overview of the area. Although when I checked just now, no map appeared at all for images that should have these coordinates. It just seems to be a few images that show this broad overview:

    http://www.backyardstockphotos.com/image/view-of-southern-alps-new-zealand-12/

    Many of the similar images on that page were all coded with the map coords, and exported and uploaded at the same time, but they don’t show the map.

    Steve

    #23980
    Profile photo of Robin
    Robin
    Keymaster

    Okay, so I’ll add the zoom option as a feature in the next release as well.

    For now, you can edit that same file, go to that same area as above and change the ‘zoom’ number from 8 to 14. That shows the museum.

    #23982
    Profile photo of Robin
    Robin
    Keymaster

    If those images were added before upgrading to 2.0, the processor will read them automatically eventually. If they were added after 2.0, then there’s another issue. Alternatively, try re-saving them – that should also check for GPS data.

    Edit: I see that they were added pre-2.0, so the GPS should show up by re-saving them or just waiting.

    #23985
    Profile photo of steveh
    steveh
    Participant

    They are all the original images I uploaded – I’ve added nothing since Version 2. So I’ll wait and see. No biggy though. What would be interesting to think about is a world map showing all the location of my images and an ability to zoom into a specific area and then see which images have been taken there and then select and buy one! The Lightroom map module does that, but it does sound quite complex!

    Just something to dream about for version 3….

    Steve

    #23993
    Profile photo of Henri
    Henri
    Participant

    Thank you Robin!

    I now recreated the whole code:

       <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script>
       <div id="ss_geomap" style="width: 100%; height: 300px" class="ss_geomap"></div> 
       <script type="text/javascript">
    		var myOptions = {
    			zoom: 15,
    			center: new google.maps.LatLng(<?php print ss_convertgps($geo['lat']); ?>, <?php print ss_convertgps($geo['long']); ?>),
    			mapTypeId: google.maps.MapTypeId.ROADMAP,
    			backgroundColor: "#fff"
    		};
    		var map = new google.maps.Map(document.getElementById("ss_geomap"), myOptions);
    		var marker = new google.maps.Marker({
    			position: new google.maps.LatLng(<?php print ss_convertgps($geo['lat']); ?>, <?php print ss_convertgps($geo['long']); ?>),
    			map: map
    		});
    		var styles = [
    			{ featureType: "all", stylers: [{"hue": "#E98300"}, {"lightness": 30}] },
    			{ featureType: "transit", stylers: [{visibility: "off"}] }
    		];
    		map.setOptions({styles: styles});
       </script>

    Now it is working the way I want. It has a marker and even the same colors as my site. My only question is how I save those customization without losing them when plugin updates?

    #23994
    Profile photo of Robin
    Robin
    Keymaster

    I’ll add the marker option and the color customization options to Symbiostock settings so you can customize it once it is updates. Thanks for the code – I’ll implement a variation of it on the final build.

    #24004
    Profile photo of steveh
    steveh
    Participant

    Great, this works for me as well. I changed the hue to make it a bit bluer, but it fits in very nicely for my location based shots: http://www.backyardstockphotos.com/image/view-of-southern-alps-new-zealand-12/

    Thanks, Henri!

    #24006
    Profile photo of Henri
    Henri
    Participant

    Thank you Robin for the plugin update (version 2.0.1)! Now it is easy to change those settings directly from Symbiostock > Settings page.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.