Location Information Map

[HenriParticipant]

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.

Henri Pero Photography | My Symzio profile | My Facebook page

[RobinKeymaster]

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.

[stevehParticipant]

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

My stock site
Symzio agency

[RobinKeymaster]

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.

[RobinKeymaster]

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.

[stevehParticipant]

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

My stock site
Symzio agency

[HenriParticipant]

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?

Henri Pero Photography | My Symzio profile | My Facebook page

[RobinKeymaster]

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.

[stevehParticipant]

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!

My stock site
Symzio agency

[HenriParticipant]

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

Henri Pero Photography | My Symzio profile | My Facebook page

[Author]

Posts