Openlayers显示地理位置坐标的方法

本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下

1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和鼠标位置控件的容器；

2、代码实现

 
 
 
 
  #myposition
  {
   float:left;
   position:absolute;
   bottom:10px;
   width:400px;
   height:20px;
   z-index:2000;
  }
  .mosuePosition
  {
   color:blue;
   font-size:20px;
   font-family:'微软雅黑';
  }
 
 


 
  
 

3、结果展示

当鼠标在地图上移动时，会在左下角显示当前位置的地理坐标

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。