第1行: | 第1行: | ||
{{jspopularV3-sidebar}} | {{jspopularV3-sidebar}} | ||
− | <div class="bluetitle"><div class=" | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text"> |
所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。 | 所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。 | ||
覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。 | 覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。 | ||
− | 本节重点介绍一下如何向地图添加信息窗口,以及与地图相关的一些交互。</div><!--jsapi单独demo-代码--><div class="aloneDemo"><div dir="https://lbsyun.baidu.com/cms/jsapi/demo/infoWindow.html"></div><div class="top_right">[http://lbsyun.baidu.com/jsdemo.htm#d0_1 DEMO详情]</div></div><div class="bluetitle"><div class=" | + | 本节重点介绍一下如何向地图添加信息窗口,以及与地图相关的一些交互。</div><!--jsapi单独demo-代码--><div class="aloneDemo"><div dir="https://lbsyun.baidu.com/cms/jsapi/demo/infoWindow.html"></div><div class="top_right">[http://lbsyun.baidu.com/jsdemo.htm#d0_1 DEMO详情]</div></div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>提供的信息窗口</span></div></div></div><div class="serve-explain-text"> |
{{bluepoint}}InfoWindow:信息窗口。也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。<span style="color:#FF0000;">注意:</span>同一时刻只能有一个信息窗口在地图上打开。 | {{bluepoint}}InfoWindow:信息窗口。也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。<span style="color:#FF0000;">注意:</span>同一时刻只能有一个信息窗口在地图上打开。 | ||
详情可见[http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference_3_0.html#a3b7 类参考]。 | 详情可见[http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference_3_0.html#a3b7 类参考]。 | ||
− | </div><div class="bluetitle"><div class=" | + | </div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>添加信息窗口</span></div></div></div><div class="serve-explain-text"> |
信息窗口是地图上方浮动显示的HTML内容,可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标与标注的坐标一致)。 | 信息窗口是地图上方浮动显示的HTML内容,可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标与标注的坐标一致)。 | ||
<span style="color:#FF0000;">注意:</span>同一时刻地图上只能有一个信息窗口处于打开状态。</div><pre class="prettyprint codestyle">var opts = { | <span style="color:#FF0000;">注意:</span>同一时刻地图上只能有一个信息窗口处于打开状态。</div><pre class="prettyprint codestyle">var opts = { | ||
第17行: | 第17行: | ||
var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象 | var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象 | ||
map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口</pre> | map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口</pre> | ||
− | <div class="bluetitle"><div class=" | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>提供的自定义信息窗口工具</span></div></div></div><div class="serve-explain-text"> |
百度地图还向开发者提供自定义的信息窗口工具。 | 百度地图还向开发者提供自定义的信息窗口工具。 | ||
2022年8月19日 (五) 13:57的版本
简介
所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。
覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。
本节重点介绍一下如何向地图添加信息窗口,以及与地图相关的一些交互。提供的信息窗口
InfoWindow:信息窗口。也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。注意:同一时刻只能有一个信息窗口在地图上打开。
详情可见类参考。
添加信息窗口
信息窗口是地图上方浮动显示的HTML内容,可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标与标注的坐标一致)。
注意:同一时刻地图上只能有一个信息窗口处于打开状态。var opts = { width : 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title : "Hello" // 信息窗口标题 } var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象 map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口
提供的自定义信息窗口工具