软件工程课堂五（地铁项目的优化）

     在基于上次的双人的合作后，我收获到了很多，并且我们之后又去优化了我们的项目，以下是项目的展示。

 

1.1.1.1 功能设计

实现在点击地铁图的时候，能够自由地去放大或者缩小地铁图，从而达到和网页版相同的视觉效果。

1.1.1.1 代码设计

function InitMap(citycode, startname) {
            subway = new BMapSub.Subway('container', citycode);
            subway.setZoom(0.7);
            var zoomControl = new BMapSub.ZoomControl({
                anchor : BMAPSUB_ANCHOR_TOP_LEFT,
                offset : new BMapSub.Size(10, 100)
            });
            subway.addControl(zoomControl);

     

1.1.1.1 效果展示

1.1.1 城市地铁图之间的转换

1.1.1.1 功能设计

用户可在选择框里任意选择需要的城市地铁图，可以随意地去切换，使得使用极为方便。

1.1.1.2 代码设计

</div>

    <div id="container"></div>
    <script type="text/javascript">
        var list = BMapSub.SubwayCitiesList;
        var subway;
        $(function() {
            InitSelect(list);//初始化城市选择框
            InitMap(150, null);

        });
        //城市选择框改变事件，用于城市地图切换
        $("#city").change(function() {
            //var a =  $("#city :selected").text();
            //console.log(a);
            InitMap($("#city").val(), null);
        });
        //初始化城市选择框
        function InitSelect(list) {
            for ( var key in list) {
                var obj = document.getElementById("city");
                var option = document.createElement("option");//创建option节点  
                option.innerText = list[key].name;
                option.value = list[key].citycode;
                obj.appendChild(option);
            }
        };

 

 

用户可在选择框里任意选择需要的城市地铁图，可以随意地去切换，使得使用极为方便。

1.1.1.2 代码设计

 

刚刚