interactive-map | great way to leverage your website to drive traffic | Map library

I need two Google maps on one page. Both of maps should have multiple pins on it. One map show hotels, another one restaurants. I tried to add pins and location names with javascript but all pins shows one location name.

This is html code for maps:
Hotels map:

I have a parent component(DepotSelectionComponent) and a child component(SiteDetailsComponent). An event(moreDetails) is emitted to the parent component. This event then calls the getDetailsPage()function within the parent, which changes the page using ngswitch and also loads some data. However the component what i am trying to load seems to be undefined therefore the references to that component are not working via the viewchild decorator.

I am sure this has something to do with the ngswitch however i just cant seem to figure out how to fix it, i have tried adding timeouts. The populateResults function works due to that component already being loaded however the populateDepotResults dont work due to the component being undefined and not loaded by the switch yet.

parent(DepotSelectionComponent) html:

Hello i have an issue where my mat-table is not updating after subscribing to a service that retrieves all the details for a particular site. I have a structure that consists of a parent component(DepotSelectionComponent) and two child components InteractiveMapComponent, MapResultComponent. I am retrieving the click event from InteractiveMapComponent which is bubbled up to the parent(DepotSelectionComponent) which is then calling the service and then updating the datasource in MapResultComponent.

Current behaviour:

Table does not update upon clicking and will only update when i click the back button in InteractiveMapComponent, which makes no sense to me.

Expected behaviour:

Table updates upon click and table is updated immediately.

Parent(DepotSelectionComponent) TS:

I am trying to create a custom visual in Power BI based on an R script much like in the example found at ( http://radacad.com/interactive-map-using-r-and-power-bi-create-custom-visual-part-1 ), Installed node.js, pbiviz successfully. Once I get this custom visual in Power BI Desktop, I see all static data coming from sample iris dataset, But I want this to use my dataset coming from Power BI. how can I edit the script (shown below) to allow Power BI to use my own data rather than the data in the library?

The drill-down map example has the index.html file which references three relevant javascript files.

1. index.js
2. continentsLow.js
3. worldLow.js

Now various references point to the definition of an array of areas that allow url and target to be specified.

But it is not readily obvious which javascript file would carry this load.

The relevant section of the index.js file to my eyes is:

I have a simple ColumnDataSource of multiple columns, each column representing a different day of a simulation and each row representing the number of entities with status a, b, c,.. etc. I'd like to be able to scrub through the days (columns) with a slider.

I've taken a look at 1, 2, and the Bokeh docs for information but I haven't been able to successfully get it working. I have the following code (minimal):