通过onclick使用定位的HTML代码

Question

我试图让定位器插件激活时，点击标记图标在我的html侧边栏。我希望它在不向地图添加定位插件的情况下使用定位器函数。下面的代码将fa- map标记图标添加到侧栏，当您单击该图标时，它会将定位器控件添加到传单地图中。单击添加的图标后，它将使用L.control.locate函数。与其将定位器插件添加到我的地图中，我还能通过onclick使用定位器的功能吗？最终结果将允许用户通过单击fa-map标记图标直接获得他的位置。

侧栏-v2：https://github.com/Turbo87/sidebar-v2

L.control.locate：https://github.com/domoritz/leaflet-locatecontrol

<div class="sidebar-tabs">
  <ul role="tablist">
    <li>
      <a 
       title="Geolocate" role="tab" target="_blank" onClick="L.control.locate().addTo(map);" <i class="fa fa-map-marker"> </i>
      </a>
    </li>
  </ul>
</div>

Answer 1

让我从 documentation复制粘贴.

例如，您可以在location控件对象上调用start()或stop()来设置页面加载上的位置。 //创建控件并添加到map var lc = L.control.locate().addTo(map)；//请求位置更新并设置位置lc.start()；

想要将它附加到某些DOM元素的click事件中吗？没问题..。

<a href='' id='foobar'>Try to get my location</a>

var lc = L.control.locate().addTo(map);
L.DomEvent.on( document.getElementById('foobar'), 'click', lc.start );

注意()在lc.start上的缺乏--这是因为L.DomEvent.on()需要对函数的引用，而不是函数调用的结果。