JavaScript API GL
    开发指南
    参考手册
  • 更新日志
    • 示例常见问题JavaScript API V2
    JavaScript API GL
    参考手册
    信息窗体

    InfoWindow

        用于创建信息窗覆盖物。

    构造函数
    TMap.InfoWindow(options:InfoWindowOptions)
    方法 返回值                             说明
    setPosition(position:LatLng) this 设置经纬度位置。
    setContent(content:String) this 设置信息窗显示内容。
    setMap(map:Map) this 设置信息窗口所在的map对象，传入null则代表将infoWindow从Map中移除。
    getMap() Map 获取信息窗口所在的map对象。
    open() this 打开信息窗口。
    close() this 关闭信息窗口。
    destroy() this 销毁信息窗。
    on(eventName:String, listener:Function) this 添加listener到eventName事件的监听器数组中。
    off(eventName:String, listener:Function) this 从eventName事件的监听器数组中移除指定的listener。
    事件名 参数 说明
    closeclick none 点击信息窗的关闭按钮时会触发此事件。

    示例：
        本示例中，介绍创建信息框

    <!DOCTYPE html>
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>添加信息窗口</title>
    <style type="text/css">
    html,
    body {
        height: 100%;
        margin: 0px;
        padding: 0px;
    }
 
    #container {
        width: 100%;
        height: 100%;
    }
    </style>
    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
 
</head>
 
<body onload="initMap();">
    <div id="container"></div>
    <script>
    function initMap() {
        var center = new TMap.LatLng(39.984104, 116.307503);//设置中心点坐标
        //初始化地图
        var map = new TMap.Map("container", {
            center: center
        });
 
        //初始化infoWindow
        var infoWindow = new TMap.InfoWindow({
            map: map, 
            position: center, //设置信息框位置
            content: "Hello World!" //设置信息框内容
        });
    }
    </script>
</body>
 
</html>

    新窗口打开   在线试一试



    InfoWindowOptions

        信息窗配置参数。

    属性名称                             类型                             说明
    map Map （必需）显示信息窗的地图。
    position LatLng （必需）信息窗的经纬度坐标。
    content String 信息窗显示内容，默认为空字符串。当enableCustom为true时，需传入信息窗体的dom字符串。 查看示例
    zIndex Number 信息窗的z-index值，默认为0。
    offset Object 信息窗相对于position对应像素坐标的偏移量，x方向向右偏移为正值，y方向向下偏移为正值，默认为{x:0, y:0}。
    enableCustom Boolean 信息窗体样式是否为自定义，默认为false。
    本页内容