OpenLayers 学习（五）根据经纬度用Marker在地图上添加标记

最新推荐文章于 2024-07-02 11:10:33 发布

Stonesk

最新推荐文章于 2024-07-02 11:10:33 发布

阅读量1.3w

点赞数 3

分类专栏： openlayers学习

本文链接：https://blog.csdn.net/Stonesk/article/details/51616730

版权

这篇博客介绍了如何使用OpenLayers库根据经纬度在地图上添加标记。通过加载OpenLayers库，设置地图选项，创建WMTS图层作为底图，然后利用`OpenLayers.Layer.Markers`创建标记层，并结合JSON数据在指定位置添加标记。示例中展示了在北京位置添加一个名为'分站'的标记。

摘要由CSDN通过智能技术生成

    <!DOCTYPE html>  
    <html>  
     <head>  
    <title>  
    根据经纬度在地图上添加标记  
    </title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    <!-- 加载OpenLayers 类库 -->  
    <script type="text/javascript" src="http://www.openlayers.cn/olapi/OpenLayers.js">  
    </script>  
    <style>  
    html, body { width: 100%; height: 100%; margin: 0; padding: 0; }  
    </style>  
      
    <script type="text/javascript">  
	var basePath = '198.165.26.54';
	var jsonStr='{"MMSI":"432855000","Long":"116.412","Lat":"39.956"}';
	var shipInfo = eval('(' + (jsonStr == "" ? "[]" : jsonStr) + ')');

function init() {
    var option = { 
    controls: [new OpenLayers.Control.Nav