For Belgian market, you can contact our exclusive reseller Immovlan and for the Luxembourg market, you can contact our exclusive reseller Immotop.
For other markets, you can take a subscription on our website or you can contact us at info yatmo . com (without spaces) for specific needs.

Yatmo Map WordPress plugin examples - #back to top

[yatmo-map address="Rue de la Loi 16, 1000 Bruxelles"] [yatmo-marker address="Rue de la Loi 16, 1000 Bruxelles"]
[yatmo-map lat=50.850340 lng=4.351710 zoom=16 language=FR] [yatmo-marker lat=50.850340 lng=4.351710 color=#06A7EA]
[yatmo-map address="Rue de la Loi 16, 1000 Bruxelles" enable_isochrone=1] The option enable_isochrone needs to have an API key with a paid subscription.
[yatmo-map lat=50.850340 lng=4.351710 enable_pois=0 height=600px width=100% style=2]
[yatmo-map lat=50.850340 lng=4.351710] [yatmo-marker lat=50.850340 lng=4.351710 title="Hello world" popuptextcontent="Lorem ipsum dolor sit amet, consectetur adipiscing elit."] [yatmo-marker lat=50.784574 lng=4.254787 title="Hello planet" popuphtmlcontent="<h3>Hello planet!</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>"]
[yatmo-map lat=50.850340 lng=4.351710 zoom=17] [yatmo-marker lat=50.850340 lng=4.351710 iconurl="https://yatmobeprod.blob.core.windows.net/samples/markerorange.png" iconwidth=32 iconheight=45]
[yatmo-map lat=50.850340 lng=4.351710] [yatmo-marker lat=50.850340 lng=4.351710 anonymous=1 color=red]

Hello world - #back to top

<script type="text/javascript">
    yatmoConfig = {
        licenseKey: 'xxxxxxxxxxxxxxxxxx',
        language: 'EN',
        country: 'BE', // Specify it only for Premium subscription
        container: 'map',
        center: [4.3442926,50.8510525],
        zoom: 16,
		routeFrom: {
			latitude: 50.8510525,
			longitude: 4.3442926
		},
        mapStyle: 1,
        fullScreenButton: true,
        userAddresses: {
            userId: 'userId',
            startingLatitude: 50.8520525,
            startingLongitude: 4.3442926
        },
        isochrone: {
		    latitude: 50.8510525,
			longitude: 4.3442926
		}
    };
	    
    function LoadMap(map){
        var marker = new mapboxgl.Marker({ color: 'red' }).setLngLat(map.getCenter()).addTo(map);
    }
</script>
<script type="text/javascript" src ="https://map.yatmo.com/map.js" ></script>

Hello world - #back to top

<iframe
height="500"
width="500"
src ="https://map.yatmo.com/iframe.html?licenseKey=xxxxxxxxxxxxxxxxxx&language=EN&country=BE&longitude=4.3135979&latitude=50.8346645&pinColor=%23af0014&zoom=16"
frameborder="0"
allowfullscreen>
</iframe>

Yatmo Text WordPress plugin examples - #back to top

The texts in these samples are cropped and are not complete for presentation purposes!

[yatmo-text lat=50.850340 lng=4.351710 language=NL]
[yatmo-text address="Rue de la Loi 16, 1000 Bruxelles" openingtitlenodetype="<h5>" closingtitlenodetype="</h5>"]
[yatmo-text address="Rue de la Loi 16, 1000 Bruxelles" openingkeywordnodetype='<strong style="color: #06A7EA">'] This example doesn't use the option "closingkeywordnodetype" because it's already </strong> by default but it can be overriden in plugin settings.
[yatmo-text lat=50.850340 lng=4.351710 showstreetnameintitle=0]
[yatmo-text lat=50.850340 lng=4.351710 showplacenameintitle=0 visibleparagraphs="education,publictransports,transports"]

Hello world - #back to top

<iframe width="800" height="450" src="https://map.yatmo.com/iframe_summary.html?licenseKey=f4b38127e7f64fdd8a355f154080e0ea&language=FR&country=BE&longitude=4.3135979&latitude=50.8346645&accentColor=%2306a7ea" frameborder="0"></iframe>

Hello world - #back to top

<script type="text/javascript">
    yatmoSummaryConfig = {
        licenseKey: 'xxxxxxxxxxxxxxxxxx',
        language: 'EN',
        country: 'BE', // Specify it only for Premium subscription
        container: 'summary',
        latitude: 50.8520525,
        longitude: 4.3442926
    };
    </script>
    <script type="text/javascript" src="https://map.yatmo.com/summary.js"></script>

Hello world - #back to top

<script type="text/javascript">
    yatmoSummaryTextConfig = {
        licenseKey: 'xxxxxxxxxxxxxxxxxx',
        language: 'EN',
        country: 'BE',
        latitude: 50.833816,
		longitude: 4.3043771,
        beginStrongTag: '<strong>',
        endStrongTag: '</strong>'
    };

    function addSummaryTextWithTitles(paragraphs, titles, alternativeTitlesStreet, alternativeTitlesCity, titlesIcons){
        paragraphs.forEach((paragraph, index) => {
            if (titles.length > 0){
                var titleToUse = '';
                switch(index){ // We expose 3 arrays for titles
                case 0:
                    // This one contains the title with the city name inside (so it's nice to use it for the first paragraph)
                    // (If undefined, just use the normal title because the precise location couldn't be detected)
                    if(alternativeTitlesCity[index] == undefined) {
                        titleToUse = titles[index];
                    }
                    else {
                        titleToUse = alternativeTitlesCity[index];
                    }
                    break;
                case 1:
                    // This one contains the street name if we can detect it (so it's nice to use it for the second paragraph if the address is not private of course...)
                    // (If undefined, just use the normal title because the precise location couldn't be detected)
                    if(alternativeTitlesStreet[index] == undefined) {
                        titleToUse = titles[index];
                    }
                    else {
                        titleToUse = alternativeTitlesStreet[index];
                    }
                    break;
                default:
                    titleToUse = titles[index]; // "Default" title (without additional information)
                    break;
                }

                var faIcon = '';
                switch(titlesIcons[index]){ // Here we used Font Awesome icons for the demo, it's just a option ==> thanks to the array "titlesIcons", you can know which icon you can associate to a title (these keys won't change)
                    case 'education':
                        faIcon = 'fa-graduation-cap';
                        break;
                    case 'shopping':
                        faIcon = 'fa-shopping-basket';
                        break;
                    case 'transports':
                        faIcon = 'fa-car';
                        break;
                    case 'publictransports':
                        faIcon = 'fa-bus';
                        break;
                    case 'cities':
                        faIcon = 'fa-city';
                        break;
                }
			
                $('#summaryTextSample').append('<h3><i class="fa ' + faIcon + '" aria-hidden="true"></i> ' + titleToUse + '</h3>');
            }
				                
            $('#summaryTextSample').append('<p>' + paragraph + '</p>');
        });
    }
    </script>
    <script type="text/javascript" src="https://map.yatmo.com/summary-text.js"></script>

For Premium usage, these countries with their corresponding languages are currently supported: