How to center the map using external controls?

Question

JavaScript

A map is displayed on the page, I want to select cities from the drop-down list next to it and so that the map itself is centered on this city, how can I implement this?

Answer 1

We add an attribute containing the coordinates of the city to the select items:

<option value="[55.751244,37.618423]">Москва</option>

When choosing an item, we get the value, pull setCenter:

select.addEventListener('change', function() {
  map.setCenter(JSON.parse(this.value));
});

jsfiddle.net/mjdkchzs