Open other page or link when click on Marker

it's possible when I click on Marker in Maps Open a new page example (www.site.com\city="Milano").

Thank

Hi Luigi, 

Greetings from Syncfusion. 

We have analyzed your query. We can achieve your requirement in maps markerClick event. This event will fire when we click on the map’s marker. In that event, you can open a new page example.  

Please find the below code snippet for your reference, 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/markerClick1368402182 

Kindly revert us, if you have any concerns. 

Regards, 

Baby. 

You are the best !!

The example is ok, but the link is dynamic because change the city of the Marker.

Example, if I click on Milano the link https://ej2.syncfusion.com/aspnetcore/Maps/Default#/material/Milano

Hi Luigi, 

Thanks for your update. 

We have analyzed your query. You can get the name of marker as argument in the markerClick event. Using that name, you can make the dynamic link based on the marker. 

Code snippet: 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/markerClick1-1227806263 

Kindly revert us, if you have any concerns. 

Regards, 

Baby. 

Hi Luigi, 

Most welcome. Please let us know, if you have any other concerns. We are always happy to assist you. 

Regards, 

Baby. 

when my project start, the map in browse it small, I want to expand all windows (height 100% and Width 100%) but it does not work.

The map is small.

Thank.

Hi Luigi, 

Thanks for your update. 

We have analyzed your query. The maps will get the height and width from the parent element’s client width and client height by default. If the parent element is null, the maps will be rendered some default height and width. To get the window size, you need to set the display as a block, and height as 100% and width as 100% for maps parent elements.  

And then, if you are having more than elements including maps container elements as a child and you want to render the maps in the remaining space size from the window, you set “display: block” and flex-grow as 1 for maps container element style. And for other than maps element, set the “display: flex; height 100%;flex-flow:column;”. Then you will get the remaining height and width from the window for maps. 

Code snippet:  

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/markerClick2123010447 

If this is not your scenario, kindly modify the above sample or provide your sample to replicate the scenario which will be helpful in furthermore analysis and provide you the solution sooner. 

Regards, 

Baby. 

You save my life :-)

Hi Luigi, 

Most welcome. Please let us know, if you have any other concerns. We are always happy to assist you. 

Regards, 

Baby. 

can you help me ?

I try to integrate maps in my project but the maps is small.

In attach my project.

Thank.

You are fantastic.

It's possible hide the logo of customer in the message ?

 

Hi Luigi, 

Thanks for your update. 

We have removed the previous update which has customer logo in the image. Please find the below response. In your previous sample, you haven’t set the styling for parent elements (div), and body, HTML tag as we have stated earlier. Now, we have added those styling changes and the map is rendered with full size. 

Code snippet: 

Sample link:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/BaseDashboard141900771 

If you are still facing any issues, kindly revert us. 

Regards, 

Baby. 

  

  

 

Can you please give example for same scenario in React js

Hi Yasir, 

  

Thank you for your update. 

  

We are currently working to prepare the sample in React for the provided solution. However, we will update you with further details on August 21, 2020. 

  

Regards, 

Sharmi.