0

地図上にマーカーを作成しようとしています。
私はbing Mapを使用
しています。カンマで区切られた2つの文字列があります。
2 つの異なる変数で。

var Region = "Pune,Kolkata";
var Activity = "Cricket,One Day";

私はこのjava-script ajaxを試しています:-

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="http://ecn.dev.virtualearth.net/MapControl/mapcontrol.ashx?v=6.3c">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    var Region = 'Pune,Kolkata';
    var cntry_code= 'IN';
    var Activity = "Cricket,One Day"
    var map = null;
    function GetMap() {
        map = new VEMap('myMap');            
        map.LoadMap();
        $(document).ready(function(){

            var array_region = Region.split(',');
            var array_activtiy= Activity.split(',');
            for(var item_region in array_region)
            for (var item_activity in array_activtiy)
            {
            $.ajax({
              url: "http://services.gisgraphy.com//geocoding/geocode?address="+array_region[item_region]+"&country="+cntry_code+"&format=json",
             async: false,
              dataType:'jsonp',
              success: function(data){
                    lat = data.result[0].lat;
                    lng = data.result[0].lng;
                alert(lat);
                alert(lng);
                map.LoadMap(new VELatLong(lat,lng));
                var pinpoint = map.GetCenter();      
                shape = new VEShape(VEShapeType.Pushpin, pinpoint);
                shape.SetTitle("Activity Name:- ");
                shape.SetDescription(array_activtiy[item_activity]+","+array_region[item_region]);
                map.AddShape(shape);
                }
                });
                                alert(array_region[item_region]);

    }
        });
        }
</script>
    </head>
    <body onload="GetMap();">
    <div style="width:630px; background-color: #E0E0E0; height: 500px; border: 1px solid black">
        <div id='myMap' style="position:relative; width:600px; height:400px; margin-left:15px"></div>
    </div>
</body>
</html>

これで、文字列をカンマで分割してみてください。
これをajax URLに渡します。
緯度と経度を取得しました。
この緯度と経度を使用します。
それらの場所をアクティビティに設定します。
その仕事はうまくいきます。
ちょっとした問題で、最後の場所と最後のアクティビティをマーカーとして追加します。
forループに問題があると思います。
誰かが私のこのクエリをチェックしてください。
ありがとう。

4

1 に答える 1