1

私のアプリケーションでは、複数の Google マップを表示する必要があります。私はこれ（http://jsbin.com/arepaj/1/edit）を行って2つのマップを表示しましたが、同じ構造を何度も使用するのはちょっと汚い方法だと感じています。なぜなら、2 つのマップを表示できるように、同じ Google マップ要素を 2 回コピーしたからです。

複数のGoogleマップを動的に作成して、位置座標のみを関数に渡して複数のマップを作成できるようにする方法。私の最大の関心事は、各マップを表示するために動的に 'div' タグを作成する方法です。

4

2 に答える 2

0

すべてを動的にすることができます：

概念実証フィドル

function makeMap(lat,lng,zoom,type,index) {
    var elem =  document.createElement('div');
    elem.setAttribute('id','map'+index);
    elem.setAttribute('style',"width: 500px; height: 300px");
    document.getElementsByTagName('body')[0].appendChild(elem);
    var map = new google.maps.Map(elem,{
        center: new google.maps.LatLng(lat,lng),
        zoom: zoom,
        mapTypeId: type});
    return map;
}

ページ上の必要な場所にマップを配置できるようにするには、いくつかの機能を追加する必要があります (この概念実証では、作成時にマップを本文に追加するだけです)。

于 2013-08-08T00:59:48.463 に答える