//打点数据源
        var wrnameData = [{
                x: '-11561016.2

前言： 折磨了好几个小时，终于做出了正确的效果，如果你也受苦于使用circle 生成 通过offsetX或者Y 文字 始终不能到他准确的位置，那先恭喜你，至少你获得了一种可以 实现 的方案。 我们需要 实现 如图所示的范围扩散的圆，同时需要准确的 显示 在圆的边上的 文字 ，至于颜色。。这个想必不用我多提。 如果offsetX、offsetY 文字 不可以到达圆的边上也就是我们想要的准确的位置，那我们是否可以通过获取coordinator坐标，去通过这个坐标 实现 这个 文字 的正确 显示 位置，结论是可以，因为

要 实现 Openlayers 地图 的全屏 显示 ，可以使用浏览器提供的Fullscreen API来 实现 。具体步骤如下： 1. 创建一个按钮或者一个链接，用于触发全屏 显示 。 2. 绑定该按钮或链接的点击事件，在事件处理函数 中 调用 地图 对象的requestFullscreen()方法，请求浏览器进入全屏模式。 3. 监听Fullscreen API的fullscreenchange事件。当该事件被触发时，检查当前是否处于全屏模式。如果是，则 设置 地图 的尺寸为浏览器窗口的尺寸。 下面是一个 实现 Openlayers 地图 全屏 显示 的示例代码： // 创建 地图 对象 var map = new ol.Map({ target: 'map', layers: [ // 添加 地图 图层 new ol.layer.Tile({ source: new ol.source.OSM() view: new ol.View({ // 设置 地图 中 心点和缩放级别 center: ol.proj.fromLonLat([120, 30]), zoom: 10 // 创建全屏按钮 var fullscreenBtn = document.createElement('button'); fullscreenBtn.innerText = '全屏'; // 点击按钮进入全屏模式 fullscreenBtn.addEventListener('click', function() { if (document.fullscreenElement) { document.exitFullscreen(); } else { map.getTargetElement().requestFullscreen(); // 监听Fullscreen API的fullscreenchange事件 document.addEventListener('fullscreenchange', function() { if (document.fullscreenElement) { // 进入全屏模式时 设置 地图 大小为浏览器窗口大小 map.setSize([window.innerWidth, window.innerHeight]); } else { // 退出全屏模式时恢复 地图 原来的大小 map.setSize([500, 500]); // 将按钮 添加 到页面 中 document.body.appendChild(fullscreenBtn); 该示例代码 中 创建了一个 地图 对象，并 添加 了一个OpenStreetMap图层。然后创建了一个全屏按钮，点击该按钮可以进入或退出全屏模式。最后监听了Fullscreen API的fullscreenchange事件，在事件处理函数 中 设置 了 地图 的大小。