Добавление внешней кнопки "найти мое местоположение" вне карты

Question

Я пытаюсь добавить кнопку над моей картой, которая бы показывала текущее местоположение пользователя.

По сути, я хочу дублировать функциональность встроенной кнопки, но сделать более очевидной.

вот мой код:

<script>
var map = L.mapbox.map('map', 'plisvb.hopljoko');
L.control.locate({
drawCircle: true,  // controls whether a circle is drawn that shows the uncertainty about the location
setView: true, // automatically sets the map view to the user's location, enabled if `follow` is true
keepCurrentZoomLevel: false, // keep the current map zoom level when displaying the user's location. (if `false`, use maxZoom)
icon: 'icon-location',  // `icon-locate` or `icon-direction`
iconLoading: 'icon-spinner  animate-spin',  // class for loading icon
circlePadding: [0, 0], // padding around accuracy circle, value is passed to setBounds
locateOptions: {maxZoom: 15},
    strings: {
    title: "Click to see your current location",  // title of the locate control
    popup: "Your current location",  // text to appear if user clicks on circle
    outsideMapBoundsMsg: "You seem located outside the boundaries of the map" // default message for onLocationOutsideMapBounds
}

}) AddTo(карта). map.scrollWheelZoom.disable();

есть идеи?

Answer 1

Вопрос был опубликован год назад, но если люди все еще ищут ответ, я нашел следующее: http://codepen.io/leemark/pen/vcbuf

$('.pure-button').on('click', function(){
mymap.locate({setView: true, maxZoom: 15});
});

В приведенном примере это вызов события нажатия кнопки. Вы можете использовать их кнопку или создать другую кнопку.

Я не уверен, что это именно то, чего я хочу, и не уверен, буду ли я это реализовывать. Однако, похоже, что это ответ на оригинальный пост.

Answer 2

Я бы порекомендовал перейти к хранилищу листовок и прочитать документацию, которая охватывает .locate() метод, который вы можете вызвать сам, как $('a.somelink').click(function() { locateControl.locate(); });