Bing maps v7 JS API を使用して問題を解決しようとしています。私の問題は、くちばしが特定の位置 (緯度/経度) を指し、そのポイントを説明する 2 ~ 4 行の短いテキストを含むバブル部分を持つカスタムの吹き出しまたはバブルが必要なことです。吹き出し部分 (およびその中のテキスト) は移動可能である必要があります。
これに対する私たちの最初の試みは、画鋲とインフォボックスを使用することでした。これは望みどおりに機能しましたが、審美的に満足できるものではありませんでした。プッシュピンを移動できる場所に作成され、インフォボックスが続きました。画鋲を移動した後に画鋲の元の位置をマークする唯一のオプションは、画鋲の先端から元の点までポリラインを延長することでした。実際の場所は画鋲の位置ではなく、画鋲と元の位置を結ぶポリラインの終点であったため、マップを見たときにこれは実際には直感的ではありませんでした。また、各ポイントに 3 つの異なるオブジェクトが使用されていたため、マップの表示が損なわれていました。
ここで、代わりに、くちばしを目的の場所に向けたまま、泡の部分を移動できる吹き出しに似た多角形を作成しました (これも要件です)。私が理解できないのは、ポリゴン内にテキストを配置する方法です。このテキストをポリゴンと一緒に移動することは次のハードルになりますが、配置方法が分かれば対処できると確信しています。テキストとポリゴンが 1 つに見えるように、テキストは透明な背景を持つ、たとえば白である必要があります。
このアプリケーションでは、これらの吹き出しが 3 ~ 8 個あります。また、すべてのバブルが画面ビューに収まるように、それぞれのバブルの位置を変更することもできます。
v7 JS API を使用してポリゴン内にテキストを配置するにはどうすればよいですか?
ありがとう!
何か案は