0

我使用 mapquest 提供的交通层，这是我使用的功能：

    function displayTrafficMap(lati,long,trafficdiv) {

    var options={

            elt:document.getElementById(trafficdiv), 
            zoom:10,
            latLng:{lat: lati,lng: long}, 
            mtype:'map',
            bestFitMargin:0,
            zoomOnDoubleClick:true

    };

    window.map = new MQA.TileMap(options);

    MQA.withModule('zoomcontrol3','viewcontrol3','traffictogglecontrol', 'shapes', function()  {

        var ttc = new MQA.TrafficToggleControl();
        var vwc = new MQA.ViewControl3();
        var zc = new MQA.LargeZoomControl3();

        window.map.addControl( zc , new MQA.MapCornerPlacement( MQA.MapCorner.TOP_RIGHT,  new MQA.Size(5,40)));
        window.map.addControl( vwc , new MQA.MapCornerPlacement(MQA.MapCorner.TOP_RIGHT));
        window.map.addControl( ttc , new MQA.MapCornerPlacement(MQA.MapCorner.TOP_RIGHT));

        ttc.toggle();

    });

}

当页面加载时，我像这样加载这个函数：

<script>window.onload = function() { displayTrafficMap(latitude,longitude,'trafficmap'); }</script>

这很好用，但是如何使用新的纬度和经度再次调用此函数而无需刷新页面？我试过这个：

<a href="#" onclick="displayTrafficMap(newlat,newlon,'trafficmap');return false;">

但什么也没有发生。有什么建议么？

4

1 回答 1

0

看来我的答案缺乏，希望这将提供有关该问题的解决方案的更多信息。为了确认这个问题，我正在使用 mapquest 来显示一张带有交通状况的地图。如何在不刷新页面的情况下更新地图纬度/经度？下面是我使用的整个脚本，包括使用 jquery，希望这能提供更多人可能正在寻找的答案：

var traffic_map;

function displayTrafficMap(lati,long) {

    var options={

            elt:document.getElementById('trafficmap'), 
            zoom:10,
            latLng:{lat: lati,lng: long}, 
            mtype:'map',
            bestFitMargin:0,
            zoomOnDoubleClick:true

    };

    traffic_map = new MQA.TileMap(options);

    MQA.withModule('zoomcontrol3','viewcontrol3','traffictogglecontrol', 'shapes', function()  {

        var ttc = new MQA.TrafficToggleControl();
        var vwc = new MQA.ViewControl3();
        var zc = new MQA.LargeZoomControl3();

        traffic_map.addControl( zc , new MQA.MapCornerPlacement( MQA.MapCorner.TOP_RIGHT,  new MQA.Size(5,40)));
        traffic_map.addControl( vwc , new MQA.MapCornerPlacement(MQA.MapCorner.TOP_RIGHT));
        traffic_map.addControl( ttc , new MQA.MapCornerPlacement(MQA.MapCorner.TOP_RIGHT));

        ttc.toggle();

    });

}

function changeTrafficMap(lati,long)
{

    traffic_map.setCenter({lat: lati,lng: long});

}

//We run the display map function right away to load the map
displayTrafficMap(trafficlat,trafficlon);

$(document).ready(function() {

    $('#traffic_areas').bind('change', function(ev) {

        //We get the id for the area that was selected
        var areaid = $(this).val();

        $.ajax({

            url:"/traffic.php?aid=" + areaid,
            type:"GET",
            dataType:"json",
            success: function(data) {

                //First we change the current map view location
                changeTrafficMap(data.lat,data.lon);

            }

        });

    });

});

ajax 调用正在调用一个名为 traffic.php 的 php 脚本，该脚本连接到我的数据库以获取我分配给通过下拉选择传递的 areaid 的纬度/经度。

于 2014-03-14T16:12:11.203 回答