mapbox-gl

1熱

2答えて

最近、私はMapBoxを操作し始めましたが、今はマップにマーカーを追加しようとしています。それほど簡単ではないようです。私はに、"Mapbox GL" reference guideのコードを直接コピーした、基本的なデフォルトマーカを追加しようとしています。それでも、それは表示されません。これは、それがこのことを単純に取得カント、私が使用するコードです... var marker = new m

2熱

1答えて

MapBoxのスタイル設定GLマーカー

Mapbox.jsをリーフレットからマップボックスGLに移動しようとしています。私は以下のgeojsonを付属のイメージに従ってレンダリングする必要があります。残念なことに、多くの記事を読んだ後、データ駆動型の視覚化に関連するドキュメンテーションを通して、私は壁にぶつかった。誰かが例を助けることができるかどうか疑問に思った？ここではにGeoJSONです： { "type":"Feature",

0熱

2答えて

Mapbox GL - 複雑なポップアップの一般的なスタイルを設定する方法

マップボックスGLマップには多数のマーカーがあります。ホバーでは、複雑なポップアップが表示されるはずです。私の問題は - 私はこの複雑なコードを各マーカーの説明にコピーしたくない。理想的には、「レイアウト」セクションでスタイルを設定し、パラメータのみを呼び出したいと思います。私は既にこの方法をアイコンマーカーと共に使用しています。問題はそれは私はレイアウトセクションのパラメータの名前はポップアップ

1熱

1答えて

Mapboxでラインにカラーグラデーションを使用する

line-colorをMapbox GL JSを使用して（最初から最後まで）単一色の代わりにカラーグラデーションを使用してレンダリングするにはどうすればよいですか？ map.addLayer({ 'id': 'walking-line', 'type': 'line', 'source': 'walking', 'layout': {

9熱

2答えて

Mapboxglのすべてのレイヤーを見つけるには？最終的に私は土地ではなく水上にのみカスタムレイヤーを表示したい

私はカスタムサークルレイヤーを作成しました。私はこの層を水上で、土地では見せないようにしたい。私は以下のコマンドを使用して、逆のことをしました（すなわち、土地ではなく水上でレイヤーを表示）。 Refer this image for better understanding map.moveLayer（ 'ポリゴン'、 '水'）。今私はmapboxglによって使用される土地層を知っているので、私

0熱

2答えて

Mapboxglのクリックリスナー機能Angular2

私はmapboxglマップのクリックリスナとクリックが発生した後に呼び出される関数を持つAngular2のコンポーネントを持っています。私はそれが私の経験の欠如か、それはmapboxglの特定の問題だと思いますが、私はその機能の外で変数を取り上げる方法を理解できません。 this.somethingは機能しません。私はそれがスコープの問題のいくつかの種類だと思います...ここでの問題（コンソールプ

1熱

1答えて

ポイントをポリゴンに変換する方法は？

私はこのようなポイントタイプとにGeoJSONにおけるビッグデータを持っている：私の知る限りでは、マップ上のポリゴンを作成するために、私にGeoJSONはタイプの代わりに、ポイントとしてポリゴンを持っている必要があり { "type": "FeatureCollection", "features": [ { "type": "Feature",

1熱

1答えて

境界を強制的に拡大してマップボックスをズームできますgl

地図のサイズに関係なく、特定の範囲の地図を特定のズームレベルで表示しようとしています。私はズームを設定することができますが、境界が変更され、フィットすることができますが、ズームが変更されます。それはすべてベクタですので、可能であれば、特定のズームレベルと固定された境界からスタイリングとタイルが必要です。 maxZoom、minZoom、およびmaxBoundsを設定すると、maxBoundsを無

3熱

2答えて

Q：Mapboxサークルレイヤーの「フェードイン」トランジションエフェクトを追加する方法

Geojsonから一括してポイントをロードしています。ポイントがMapboxに最初に表示されるときに、「フェードイン」エフェクトまたはアニメーションを追加します。 this.map.addLayer({ id: 'points', type: 'circle', paint: { 'circle-radius-transition': {duration: