Zoom position didn't work

Created on 26 June 2024, 5 months ago
Updated 16 July 2024, 4 months ago

Problem/Motivation

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Fixed

Version

4.0

Component

Code

Created by

🇨🇳China lawxen

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @lawxen
  • 🇩🇪Germany christianadamski Berlin, Germany

    Any help you need on this structurally?

  • 🇨🇳China lawxen

    Yes, I need help
    This is the document on Zoom position, which seems to be controlled by function ControlsetPosition(). It's diffrernt from Baidu Map

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <meta name="keywords" content="天地图"/>
        <title>天地图-地图API-范例-添加缩放平移控件</title>
        <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥"></script>
        <style type="text/css">body,html{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}</style>
        <script>
            var map, control;
            var zoom = 12;
            function onLoad() {
                //初始化地图对象
                map = new T.Map("mapDiv");
                //设置显示地图的中心点和级别
                map.centerAndZoom(new T.LngLat(116.40969, 39.89945), zoom);
                //创建缩放平移控件对象
                control = new T.Control.Zoom();
                //添加缩放平移控件
                map.addControl(control);
            }
    
            function ControlsetPosition() {
                var selectNavPosition = document.getElementById("selectnavposition");
                var index = selectNavPosition.selectedIndex;
                var controlPositionStr = selectNavPosition.options[index].value;
                this.leftTOP = T_ANCHOR_TOP_LEFT;
                this.rightTOP = T_ANCHOR_TOP_RIGHT;
                this.leftBOTTOM = T_ANCHOR_BOTTOM_LEFT;
                this.rightBOTTOM = T_ANCHOR_BOTTOM_RIGHT
                var controlPosition;
                if (controlPositionStr == "leftTOP")
                    controlPosition = T_ANCHOR_TOP_LEFT;
                else if (controlPositionStr == "rightTOP")
                    controlPosition = T_ANCHOR_TOP_RIGHT;
                else if (controlPositionStr == "leftBOTTOM")
                    controlPosition = T_ANCHOR_BOTTOM_LEFT;
                else if (controlPositionStr == "rightBOTTOM")
                    controlPosition = T_ANCHOR_BOTTOM_RIGHT;
                control.setPosition(controlPosition);
    
            }
        </script>
    </head>
    <body onLoad="onLoad()">
    <div id="mapDiv"></div>
    <div>
        <p>本示例中,如何向地图上增加层级控制控件。</p>
        <input type="button" id="button" onClick="ControlsetPosition()" value="添加控件"/>
        <select id="selectnavposition">
            <option value="leftTOP">左上角</option>
            <option value="rightTOP">右上角</option>
            <option value="leftBOTTOM">左下角</option>
            <option value="rightBOTTOM">右下角</option>
        </select>
    </div>
    </body>
    </html>
  • Issue was unassigned.
    • lawxen committed 38a91ef7 on 4.0.x
      Issue #3457222 by lawxen: Zoom position didn't work
      
  • Status changed to Fixed 5 months ago
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024