[Resolved] Map Marker not displaying when view the taxonomy archive

[Author]

Posts

[jonS-4]

I am trying to: display a map marker of an address field in a custom taxonomy when viewing the taxonomy archive page

I visited this URL:

I expected to see: two map markers; one at the location of Heathrow Airport, London and the other in another location in the UK using the coordinates I entered.

Instead, I got: just the marker at the coordinates I entered.

This is the code which generated this:

[wpv-map-render map_id="map-1" map_width="50%" draggable="off" scrollwheel="off" double_click_zoom="off" map_type_control="off" street_view_control="off"]

[wpv-map-marker map_id="map-1" marker_id="marker-1" marker_termmeta="wpcf-airport-address" id="airport-address-1"][/wpv-map-marker]

[wpv-map-marker map_id="map-1" marker_id="marker-2" lat="52.567790148683926" lon="0.7035858968506545"][/wpv-map-marker]

[Minesh]

Hello. Thank you for contacting the Toolset support.

As you said you are using taxonomy archive, could you please share the full code you have added to the "loop output editor" section of your custom taxonomy archive.

[jonS-4]

Thanks. Here's the code in full:

[wpv-layout-start]

[wpv-map-render map_id="map-1" map_width="50%" draggable="off" scrollwheel="off" double_click_zoom="off" map_type_control="off" street_view_control="off"]
[wpv-map-marker map_id="map-1" marker_id="marker-1" marker_termmeta="wpcf-airport-address" id="airport-address-1"][/wpv-map-marker] 
[wpv-map-marker map_id="map-1" marker_id="marker-2" lat="52.567790148683926" lon="0.7035858968506545"][/wpv-map-marker]

[types termmeta='airport-photo' alt='%%ALT%%' title='%%TITLE%%' size='full' align='none' style='width: 100%; height: 300px; object-fit: cover; opacity: 0.5;'][/types]

<h2 style="text-align: center; position: relative; top: -270px; text-shadow: 0 0 3px #FFFFFF;">[wpv-taxonomy-archive info="name"] - <span style="text-transform: uppercase;">[wpv-taxonomy-archive info="slug"]</span></h2>
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<ul class="wpv-loop js-wpv-loop">
		<wpv-loop>
			<p>[wpv-post-body view_template="Loop item in Airport Archive"]</p>
		</wpv-loop>
	</ul>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]There are currently no people or places near [wpv-taxonomy-archive info="name"] Airport. Please check back soon.[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

[jonS-4]

I think the issue is how I put in the shortcode to get the marker location. I've literally tried everything I can think of. The airport-photo is a field in the taxonomy and that's displaying perfectly.

[Minesh]

I think I got the issue. The marker code shortcode not dispalying the pin because you are using marker address field and you do not mentioned for which term ID it should get address from.:

[wpv-map-marker map_id="map-1" marker_id="marker-1" marker_termmeta="wpcf-airport-address" id="airport-address-1"][/wpv-map-marker]

The id attribute should contain the numeric ID value of your taxonomy term ID for which you want to dispaly the map address.

So - for example, if you want to display address from term id 525 the shortcode should look like as given under:

[wpv-map-marker map_id="map-1" marker_id="marker-1" marker_termmeta="wpcf-airport-address" id="525"][/wpv-map-marker]

[jonS-4]

Thanks Minesh

How can I find the term id?

Cheers

Jon

[Minesh]

Sorry, my bad - in loop output section within the loop you will get the post ID.

So - as I understand you want to get the map address from the specific term or for the taxonomy term archive you are currently displaying.

[jonS-4]

I have created two fields in the Term Fields - one containing a photo and the other containing an address. When viewing one of the taxonomy records it's displaying the correct photo but I can't get the pin to display on the map.

Does that make sense?

[jonS-4]

Some further information. If I output the address as plain text it shows fine:

[types termmeta='airport-address'][/types]

[Minesh]

Could you please share problem URL and temporary access details and which address you want to display on the map.

[Minesh]

There seems to be some issue accessing the taxonomy term map address. Please hold on for further updates.

[Minesh]

I've escalated your issue to our next level support. Please hold on for further updates.

[Minesh]

There seems to be issue with your google API key. I've added my Google API key (unrestricted) key at:
=> Toolset => Settings => Maps tab => Google Map API key

Now - I can see map working fine.
=> hidden link

[jonS-4]

Thanks Minesh.

I wondered about the API key which is why I added the marker with coordinates. Odd that it showed that one although I'm now wondering if the API is for the address lookup and isn't needed for direct coordinates.

I'll look at my key and see what could be wrong with it.

Cheers again

Jon

[jonS-4]

Hi again

Sorry, I replied too quickly.

The marker is now showing but it seems to be getting the record from the id rather than the record of the page being viewed. All the taxonomies are showing the marker id 15.

eg. when viewing /airport/lhr it should display the marker as stored in the taxonomy lhr.

When viewing /airport/sen it should display the marker for the taxonomy sen.

I hope that's clear. I don't understand why it can show the correct photo for each one but not the map markers.

Cheers

Jon