6

次のコードを使用して、マップ内のマーカーの情報ウィンドウを作成しています。メッセージ変数で、Htmlを含む文字列を送信しています。インフォボックス内でアプリケーションを実行すると、Htmlスタイルなしで文字列を取得しています。たとえば、ボックスの中には何とか何とか何とかが表示されます...中にhtmlスタイルのインフォボックスを取得する方法を知っている人はいますか？

 function attachSecretMessage(marker, number) {

         var infowindow  = new google.maps.InfoWindow(
      { content: message[number],
          size: new google.maps.Size(50, 50)
      });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map1, marker);
      });
4

3 に答える 3

13

すべてのカスタムHTMLコードを変数に入れ、値を「コンテンツ」に割り当てます!!!

    var contentString = 
                '<div id="content" style="width:400px; background-color:red;">' +
                'My Text comes here' + 
                '</div>';

   var infowindow = new google.maps.InfoWindow({
            content: contentString,
            maxWidth: 400
        });
于 2012-10-03T09:10:31.110 に答える
1

infoWindowの代わりにinfoBoxを試してくださいこれは様式化することができます

于 2012-10-03T09:11:27.203 に答える
0

マップでは、ユーザーが送信したアドレスを表示するのが一般的であるため、ここではXSS攻撃に注意してください。これは、私の会社のセキュリティ監査人によって発見された脆弱性の1つでした。

誰かが次のようなアドレスを送信するのは非常に簡単です。

<img src onerror=alert('hello, I'm hacking you!') />

Reactのようないくつかのフレームワークは一般的なものからあなたを保護しますが、これらのサードパーティライブラリはそうではないかもしれません！

于 2021-01-08T14:54:41.193 に答える