0

Google マップ (v3 API) で反復的な HTML を強化しようとしています。

  • マップには 50 個のマーカーが含まれています。
  • 各マーカーには、スタイル設定された infoWindow があります。
  • 各 infoWindow には、テキストと画像の両方を表す HTML が含まれています。
  • 各 infoWindow のテキストは同じですが、画像は一意です。

テキスト HTML を単一の変数に入れ、それを使用してコード内の繰り返される文字列を置き換えたいと思います。

infoWindows は次のように表示されます。

var locations = [
[39.11009, -120.03169, '<same text html><unique image html>'],
[37.77493, -122.41942, '<same text html><unique image html>'],
[48.85320, -119.30206, '<same text html><unique image html>'],
[48.77734, -121.81320, '<same text html><unique image html>']
];
4

1 に答える 1

0

各配列[]に共通のhtml文字列を含む変数を作成し、それを使用して共通の文字列を置き換えます。適切な構文は次のようになります。

var Links ='<div class="photo"><a href="whatever.com/">Shop Here</a> | <a href="whatever.com/">Shop There</a></div>';
var locations = [
[39.19, -12.9, Links + '<img width="300" height="239" src="images/img01.jpg"/>'],
[37.73, -12.4, Links + '<img width="300" height="239" src="images/img02.jpg"/>'],
[48.82, -12.3, Links + '<img width="300" height="239" src="images/img03.jpg"/>'],
[48.74, -12.8, Links + '<img width="300" height="239" src="images/img04.jpg"/>'],
[39.37, -12.7, Links + '<img width="300" height="239" src="images/img05.jpg"/>']
];   
于 2012-07-26T20:20:00.537 に答える