(以“{{jspopularV3-sidebar}} <div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text"> 所有叠加或覆盖到地图的...”为内容创建页面) |
|||
(未显示1个用户的8个中间版本) | |||
第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=" | + | 本节重点介绍一下如何向地图添加信息窗口,以及与地图相关的一些交互。</div><!--jsapi单独demo-代码--><div class="aloneDemo"><div dir="https://lbsyun.baidu.com/cms/jsapi/demo/infoWindow.html"></div><div class="top_right">[https://lbsyun.baidu.com/jsdemo3.0.htm#inforwindowv3.0 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}} | + | {{bluepoint}}InfoWindow:信息窗口。也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。<span style="color:#FF0000;">注意:</span>同一时刻只能有一个信息窗口在地图上打开。 |
− | 详情可见[http://lbsyun.baidu.com/cms/jsapi/reference/ | + | 详情可见[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内容,可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标与标注的坐标一致)。 | |
− | + | <span style="color:#FF0000;">注意:</span>同一时刻地图上只能有一个信息窗口处于打开状态。</div><pre class="prettyprint codestyle">var opts = { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width : 250, // 信息窗口宽度 | width : 250, // 信息窗口宽度 | ||
height: 100, // 信息窗口高度 | height: 100, // 信息窗口高度 | ||
第21行: | 第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"> |
百度地图还向开发者提供自定义的信息窗口工具。 | 百度地图还向开发者提供自定义的信息窗口工具。 | ||
{{bluepoint}}infoBox:自定义信息窗口工具。类似于infoWindow,比infoWindow更有灵活性,比如可以定制border,关闭按钮样式等。 | {{bluepoint}}infoBox:自定义信息窗口工具。类似于infoWindow,比infoWindow更有灵活性,比如可以定制border,关闭按钮样式等。 | ||
− | 详情可见[http:// | + | 详情可见[http://api.map.baidu.com/library/InfoBox/1.2/docs/symbols/BMapLib.InfoBox.html 类参考]。[http://api.map.baidu.com/library/InfoBox/1.2/examples/InfoBox_House.html 点击查看示例] |
</div> | </div> |
2023年2月14日 (二) 10:44的最后版本
简介
所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。
覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。
本节重点介绍一下如何向地图添加信息窗口,以及与地图相关的一些交互。提供的信息窗口
InfoWindow:信息窗口。也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。注意:同一时刻只能有一个信息窗口在地图上打开。
详情可见类参考。
添加信息窗口
信息窗口是地图上方浮动显示的HTML内容,可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标与标注的坐标一致)。
注意:同一时刻地图上只能有一个信息窗口处于打开状态。var opts = { width : 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title : "Hello" // 信息窗口标题 } var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象 map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口
提供的自定义信息窗口工具