信阳网站建设招聘seo技术培训江门

摘要：随着需求的复杂度升级，现在定制化地图越来越多，所以写一下 用openlayer挂载全国天地图和山东天地图，以供大家参考，提高大家开发效率
 

环境Vue2+Ol4.6.5（比较老的版本），实际项目自行使用。

示例代码；

1. 确保在 HTML 文件头部通过 <script> 和 <link> 标签正确导入 OpenLayers CSS 及 JS 文件
    

       <link href="./ol-v4.6.5.0/ol.css" rel="stylesheet" /><script type="text/javascript" src="<%= BASE_URL %>ol-v4.6.5.0/ol.js"></script>

2. 加载地图关键代码
   注意：代码所用tk需自行官网注册

   		var projection = ol.proj.get('EPSG:4326');var projectionExtent = projection.getExtent();var size = ol.extent.getWidth(projectionExtent) / 256;var resolutions = new Array(19);var matrixIds = new Array(19);for (var z = 1; z < 19; +&#