maps.js | NAVER Maps JavaScript API v3 | Map library

I'm using the Angular Material google maps component for integrating Maps in to an Ionic/Capacitor application.

https://github.com/angular/components/tree/master/src/google-maps

The map functionality works perfectly fine when I'm developing the application. When I try to run the test file for the component that implements the Google Map, I get this error:

When you hover on the provences on the map below, you'll see the name of the provence. How to imitate this behavior with amCharts on mobile? It would be nice if the label appears on mobile when you tap once. Only one label can be visible at the same time.

I've been looking endlessly to find the answer. I couldn't find the answer in the docs either, for example at https://www.amcharts.com/docs/v4/concepts/touch/

Eventually I would like to be able to link to another page when you tap the same province again. So if you tab a provence, and if a label is visible in that provence, then you'll go to another page. The biggest provence on the left (xinjiang) already links to google.com. But I haven't even got a clue on how to listen for the first tap event.

Does anybody, maybe someone with a bit AmCharts experience, have an idea on how to solve this problem?

I have a map with 3 countries which when clicked, display a popup with links and their name. I would like to avoid the popup for the country without links to be displayed.

How can I check the empty array and prevent the popup only for the countries that don't have any information either in the "link" or "linkName"?

The popup happens here:

In my current code I have two countries that display a popup when clicked and in the popup you can see some links. Links are mapped correctly but my problem is with the links name.

The way I wrote the code so far, is good for displaying the name of link for a country with one link. I'm calling the link name with ev.target.dataItem.dataContext.linkName in the code below:

I have some countries on the map that are displaying some links when clicked. They are stored as objects in an array of objects like you can see below.

In my JavaScript array of objects, I have a problem displaying multiple links from the objects corresponding to each country on a separate line for each of them.

The current loop takes all the links corresponding to the countries and displays the name of country.

The problem with links is that if a country has multiple links, I can't have them displayed separately.

For example, those three DE links are displayed in tooltip as one single link: https%3A%2F%2Fwwww.example1.com%2Chttps%3A%2F%2Fwwww.example2.com%2Chttps%3A%2F%2Fwwww.example3.com and I want each link on a separate line.

How can I write the loop better in order to achieve what I want?

The loop currently looks like this:

I'm trying to encode some object properties with links in an HTML tag but what I got so far is not a working encoding. If you click on a country, you see some links displayed but they aren't encoded properly.

I have a map, where I want to have on hover color change and then on click fixing a color. It glitches in a way that it sometimes starts to activate the on "hit" color even when only hovering (black instead of blue).

It specifically happens when you click on one region and then hover over a neighbor.

FYI you might see it better in fullscreen.

Can you please tell me what is wrong with my code? Thanks

I am wondering why my 404 page is getting conflicted with my map even though there is no map on my 404 page. I have the following code for my Maps.js: