当前位置: 首页 > news >正文

Openlayer+天地图+山东天地图

摘要:随着需求的复杂度升级,现在定制化地图越来越多,所以写一下 用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; +&#

相关文章:

  • Html5学习教程,从入门到精通, HTML5超链接应用的详细语法知识点和案例代码(18)
  • uni-app+vue3学习随笔
  • 深度学习PyTorch之数据加载DataLoader
  • KafkaRocketMQ
  • AI智能导航站HTML5自适应源码帝国cms7.5模板
  • word甲烷一键下标
  • 08 HarmonyOS NEXT 仿uv-ui Tag组件开发教程系列(二)
  • 【Java学习】包装类
  • 【商城实战(20)】商品管理功能深化实战
  • 【理想解法学习笔记】
  • 计算机操作系统
  • docker企业级事例部署phpmyadmin和MySQL
  • win10电脑鼠标速度突然变的很慢?
  • 【Go语言圣经1.1】
  • Linux 常用测试网络带宽命令
  • 八股打卡(七)
  • 密码学 网络安全 科普 网络安全密码技术
  • 【vllm】Qwen2.5-VL-72B-AWQ 部署记录
  • Webshell原理与利用
  • 天津大学:《深度解读DeepSeek:部署、使用、安全》
  • 泰安诚信的企业建站公司/全网投放广告的渠道有哪些
  • 新疆自治区住房建设厅网站/网络营销计划书怎么写
  • wordpress做旅游网站/最新搜索引擎排名
  • 做logo的著名网站/知名seo公司
  • 公司内部网站创建/网络营销推广公司网站
  • 网站推广排名/南宁求介绍seo软件