当前位置: 首页 > 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; +&#
http://www.dtcms.com/a/61624.html

相关文章:

  • 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:部署、使用、安全》
  • 仅仅使用pytorch来手撕transformer架构(2):多头注意力MultiHeadAttention类的实现和向前传播
  • 侯捷 C++ 课程学习笔记:C++内存管理机制
  • Qt 初识
  • Unity Android出包
  • Mysql高频面试题
  • Gemini 2.0 Flash
  • AQS及派生类
  • AI日报 - 2025年3月11日
  • Spring Cloud 负载均衡器架构选型
  • 什么是 MyBatis? 它的优点和缺点是什么?