0

Google Maps APIの複数のマップをC＃ASP.NETアプリケーションのページに追加したいと思います。ただし、現在のコードでは、最後のマップのみが表示されます。マップを含む必要がある他のすべてのdivは空です。私のコードでわかるように、マップにはすでに一意の名前が付いています（良い方法ではありませんが、一意です）。誰かが私が間違っていることを説明できますか？よろしくお願いします。

Googleを初期化する：

protected void loadGoogle()
{
    var googleScript = "function loadScript() {" +
        "var script = document.createElement(\"script\");" +
        "script.type = \"text/javascript\";" +
        "script.src = \"http://maps.google.com/maps/api/js?sensor=false& callback=initialize\"; " +
        "document.body.appendChild(script);" +
        "}" +
        "window.onload = loadScript;";
    ClientScript.RegisterStartupScript(typeof(Page), "CreateGoogleMapScript", googleScript, true);
}

マップを作成する（複数回呼び出される）：

protected void createMap(String mapId, String address)
{
    var script = "function initialize() {" +
        "var geocoder = new google.maps.Geocoder();" +
        "var latlng = new google.maps.LatLng(-34.397, 150.644);" +
        "var mapOptions" + mapId + " = {" +
        "zoom: 16," +
        "center: latlng," +
        "mapTypeId: google.maps.MapTypeId.ROADMAP" +
        "};" +
        " var map" + mapId + " = new google.maps.Map(document.getElementById(" + mapId + "), mapOptions" + mapId + ");" +

        "var address = \"" + address + "\";" +
        "geocoder.geocode( { 'address': address}, function(results, status) {" +
        "if (status == google.maps.GeocoderStatus.OK) {" +
        "map" + mapId + ".setCenter(results[0].geometry.location);" +
        "var marker = new google.maps.Marker({" +
        "map: map" + mapId + "," +
        "position: results[0].geometry.location" +
        "});" +
        "} else {" +
        "alert(\"Geocode was not successful for the following reason: \" + status); " +
        "}" +
        "});" +
        "}";
    ClientScript.RegisterClientScriptBlock(typeof(Page), "CreateMapScript"+mapId, script, true);
}

呼び出し元：

whileループ、literal.Text新しいdivを追加し、その後にcreateMap(mapId, address);

アップデート：

私の新しいコード：

 var script = "function initialize() { var geocoder = new google.maps.Geocoder();";                  

            for (int i = 0; i < maps.Count; i++)
            {
                String currentId = maps[i] as String;
                String currentLocation = locations[i] as String;

                script += " " + 
                    "var latlng = new google.maps.LatLng(" + 500 + "," + 400 + ");" +
                    "var myOptions = {" +
                        "zoom: 16," +
                        "center: latlng," +
                        "mapTypeId: google.maps.MapTypeId.ROADMAP" +
                    "};" +                    
                    "var map = new google.maps.Map(document.getElementById(\"" + currentId + "\"), myOptions);" +

                    "var address = \"" + currentLocation + "\";" +
                        "geocoder.geocode( { 'address': address}, function(results, status) {" +
                          "if (status == google.maps.GeocoderStatus.OK) {" +
                            "map.setCenter(results[0].geometry.location);" +
                            "var marker = new google.maps.Marker({" +
                                "map: map," +
                                "position: results[0].geometry.location" +
                            "});" +
                          "} else {" +
                                "alert(\"Geocode was not successful for the following reason: \" + status); " +
                            "}" +
                         "});";
            }
            script += "};";

これですべてのマップが描画されますが、正しい場所にあるのは最後のマップだけです。他のものはlatlng変数に基づいています。ジオコーダーを複数回使用できないのはなぜですか？

4

1 に答える 1

0

おそらく、最後のinitialize関数がブラウザで起動しているだけですか？すべてのマップを初期化する初期化関数を1つだけ持ってみてください。

于 2013-03-24T16:01:38.993 に答える