3

ユーザーの現在の場所を表示するボタンをマップの上に追加しようとしています。

基本的に、組み込みのボタンの機能を複製したいのですが、より明白なものを作りたいと思っています。

これが私のコードです：

<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);
  map.scrollWheelZoom.disable();
</script>

何か案は？

4

2 に答える 2

5

質問は1年前に投稿されましたが、人々がまだ答えを探しているなら、私は次のことを見つけました: http://codepen.io/leemark/pen/vcbuf

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

提供されている例では、これはボタンのクリック イベントの呼び出しです。それらのボタンを使用するか、別の外観のボタンを作成できます。

それがまさに私が望んでいるものであるかどうかはわかりませんし、実装するかどうかもわかりません。ただし、元の投稿に答えるようです。

于 2015-09-22T14:42:40.700 に答える
0

leaflet-locate リポジトリにアクセスしてドキュメントを読むことをお勧めします。ドキュメントには.locate()、次のように自分でトリガーできる方法が記載されています。$('a.somelink').click(function() { locateControl.locate(); });

于 2014-04-17T22:14:53.590 に答える