2016-11-17 7 views
0

mapbox apiを使用してマップをレンダリングするWebインターフェイスを作成しました。地図は上手くレンダリングされます。いくつかの要素が含まれており、クリックするとポップアップが表示されます。 Chromeの開発ツールを使用して要素を検査しようとすると、キャンバスタグを除いてDOMでこれを見ることができません。リンクはhttps://plnkr.co/edit/wpIYHXATxhCMVIYeSqlD?p=previewクロム開発ツールを使用してマップ(mapbox api)上のDOMの要素を特定できません

<canvas class="mapboxgl-canvas" tabindex="0" width="2880" height="742" style="position: absolute; width: 1440px; height: 371px;"></canvas> 

誰かがそれについて何か知っているなら、私を助けてください。

おかげで

+0

たぶんmapboxは、DOMを使用せずに、キャンバスでその全体のUIをレンダリング? – user3297291

+0

合意しました!しかし、テスターがそのような要素をどのように識別しようとしているかは、どのようにしてそれを行うのかと言う。私の質問は、自動化の視点からテストを進めています。デベロッパーとしてマップ上ですべてがレンダリングされても大丈夫ですが、テスターがそれらの要素を識別するのを助けるにはどうすればいいですか? – MKant

答えて

0

ポップアップがクラスmapboxgl-ポップアップでdiv要素内にラップされ、彼らはあなたの願いどおりにスタイリングすることができます。また、それにいくつかのHTML要素を追加しても、それをテストすることができます。

Screenshot of the popup in chrome dev tools

+0

は問題ではないが、私がマップ上で何かを見つけたいと言っているポップアップのために。それらのすべてが非常に容易に識別可能であるため、ポップアップや著作権の言動は何も言いません。 – MKant

関連する問題