Edit in JSFiddle

var projectKey = '12345678';
var googleClientId = 'gme-webgeoservicessa';
var markersStyle = {
    rules: [
        {
            type: 'drive',
            icon: {url: 'https://images.woosmap.com/marker_drive.svg', scaledSize: {width: 36, height: 48}},
            selectedIcon: {url: 'https://images.woosmap.com/marker_drive_selected.svg', scaledSize: {width: 46, height: 60}}
        }
    ],
    default: {
        icon: {url: 'https://images.woosmap.com/marker_default.svg', scaledSize: {width: 36, height: 48}},
        selectedIcon: {url: 'https://images.woosmap.com/marker_selected.svg', scaledSize: {width: 46, height: 60}}
    }
};
var tilesStyle = {
    color: '#0288D1',
    size: 11,
    minSize: 6,
    typeRules: [{
        type: 'drive',
        color: '#FF5722'
    }]
};

/*----- Handle store selection -----*/
function registerLocationClickEvent(mapView) {
    var selectedStoreObserver = new woosmap.utils.MVCObject();
    selectedStoreObserver.selectedStore = null;
    selectedStoreObserver.selectedStore_changed = function () {
        var selectedStore = this.get('selectedStore');
        alert(selectedStore.properties.name);
    };
    selectedStoreObserver.bindTo('selectedStore', mapView);
}

/*----- Store by Location, with distance -----*/
function registerNearbyClickEvent(mapView, dataSource) {
    var MAX_STORE = 10;
    var MAX_DISTANCE_FROM_LOCATION = 150000; //150km
    var nearbyStoreSource = new woosmap.location.NearbyStoresSource(dataSource, MAX_STORE, MAX_DISTANCE_FROM_LOCATION);
    nearbyStoreSource.bindTo('location', mapView);
    nearbyStoreSource.bindTo('stores', mapView);

    woosmap.$('#go-to-paris').on('click', function () {
        mapView.set('location', {
            lat: 48.85,
            lng: 2.27
        });
    });
}

function registerDraggableMarker(mapView) {
    mapView.marker.setOptions({
        draggable: true,
        icon: {url: 'https://images.woosmap.com/geolocated.png'}
    });
}
/*----- Init and display a Map with a TiledLayer-----*/
function woosmap_main() {
    var loader = new woosmap.MapsLoader(googleClientId);
    var dataSource = new woosmap.DataSource();
    loader.load(function () {
        var map = new google.maps.Map(woosmap.$('#my-map')[0], {
            center: {lat: 46, lng: 3},
            zoom: 5
        });
        var mapView = new woosmap.TiledView(map, {style: markersStyle, tileStyle: tilesStyle});
        registerNearbyClickEvent(mapView, dataSource);
        registerLocationClickEvent(mapView);
        registerDraggableMarker(mapView);
    });

}

document.addEventListener("DOMContentLoaded", function (event) {
    WoosmapLoader.load('1.3', projectKey, woosmap_main);
});
<script src="https://sdk.woosmap.com/locator/loader.js"></script>
<div id="my-map"></div>
<div class="btn-container">
  <button id="go-to-paris">Stores nearby Paris</button>
</div>
#my-map {
  height: 400px;
  width: 100%;
}

#go-to-paris {
  padding: 8px;
  border-style: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}

.btn-container {
  margin: 18px;
  z-index: 0;
  position: absolute;
  right: 0;
  top: 0;
}