![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgis开发
李佩锦peijin
这个作者很懒,什么都没留下…
展开
-
webgis开发之vue(1)
概括了 Vue.js 的基础知识和功能,包括组件介绍、事件处理、条件渲染、列表渲染、双向数据绑定、v-model 原理以及生命周期钩子函数。展示了如何利用 Vue.js 构建交互式的单页面 Web 应用程序,以及如何通过数据驱动视图来管理前端应用程序的界面和行为。原创 2024-03-03 23:32:20 · 510 阅读 · 0 评论 -
webgis开发之vue(2)
涵盖了 Vue.js 中的一些重要概念和功能,包括动态类型、计算属性、watch、父子组件、父传子、路由和插槽。动态类型部分展示了如何动态设置类名,包括使用对象、数组和条件语句来设置类名,以及如何根据点击事件切换类名;计算属性部分演示了如何创建计算属性以便于处理复杂的逻辑计算;watch 部分介绍了如何监听数据的变化;父子组件部分展示了如何创建父子组件,以及父组件如何传递数据给子组件;路由部分演示了如何在 Vue.js 中使用路由进行页面导航;插槽部分介绍了如何在父组件中插入子组件的内容,并展示了匿名插槽原创 2024-03-03 23:32:07 · 398 阅读 · 0 评论 -
webgis开发之L7(2)
AntV L7是由蚂蚁集团的数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析引擎。该引擎支持点图层、线图层和面图层的可视化。其中,点图层可视化包括波纹图、雷达图和自定义图标的展示。线图层可视化提供了流线图的功能,支持对道路数据进行可视化展示。面图层可视化则展示了城市建筑扫光和深圳3D建筑模型的示例,通过动态效果和颜色渲染实现了对建筑物的立体呈现。原创 2024-03-02 13:20:25 · 422 阅读 · 0 评论 -
webgis开发之L7(1)
AntV L7是蚂蚁集团数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析引擎。该引擎提供了丰富的功能模块,包括地图初始化、使用图层绘制要素、组件以及画笔功能。在地图初始化部分,介绍了如何使用 L7 来管理地图,加载地图样式和数据源。在使用图层绘制要素部分,介绍了加载点图层和面图层的方法,并演示了如何控制图层的显隐和删除。组件部分介绍了标注与弹框、地图控件的添加,以及如何加载 logo。最后在画笔部分展示了如何使用 L7 提供的画笔功能来绘制点、线、面等要素并将结果转换为 GeoJSON原创 2024-03-01 20:30:03 · 451 阅读 · 0 评论 -
webgis开发之mapbox(城市天气查询)
一个基于Mapbox的网页应用,其中包括主页面代码和热门城市跳转页面。主页面代码(draft2.html)使用了Mapbox地图库以及相关样式,并实现了城市选择、地图展示和天气信息显示等功能。用户可以通过输入城市名称或点击热门城市按钮来获取相关地图信息和天气情况。同时,热门城市跳转页面(draft3.html)提供了一些常用城市的快速选择,点击后可返回主页面,并显示所选城市的地图和天气信息。这一应用利用了Mapbox地图服务和天气信息API,为用户提供了便捷的城市地图浏览和天气查询功能。原创 2024-03-01 20:15:00 · 468 阅读 · 0 评论 -
webgis开发之mapbox(2)
介绍了使用Mapbox创建交互式地图的方法,包括控件的添加、marker点的标注、点击事件添加marker点、添加点、线、面要素以及标注弹出框的实现。通过引入Mapbox库和样式,设置地图容器及其属性,以及利用turf库创建地理数据,实现了地图要素的可视化展示和交互功能。通过添加控件、marker点、点击事件、点、线、面要素和标注弹出框,使地图具有更丰富的功能和交互性。原创 2024-02-29 13:23:34 · 448 阅读 · 0 评论 -
webgis开发之mapbox(1)
介绍了使用Mapbox加载地图的方法和相关功能。通过引入Mapbox库和样式文件,创建地图容器,并使用JavaScript代码创建地图实例,设置地图参数来加载地图。演示了切换地图风格和投影方式的方法,以及加载高德底图的实现。另外,还介绍了设置大气层样式和地图事件的方法,包括定时器自转和事件自转的实现。最后,通过点击控制自转展示了地图的交互功能。原创 2024-02-29 13:22:29 · 917 阅读 · 0 评论 -
webgis入门之JavaScript(1)
包括了JavaScript入门的基本语法和概念,以及一些实用的例子。从内嵌式和外联式的JavaScript开始,介绍了变量声明、输入输出、基础数据类型、强制转换、运算符、自增自减、比较符、逻辑符、赋值运算、二元运算符等基础知识。接着介绍了流程控制中的if、if-else、if-else-elif和switch语句,以及for循环的运用。最后涉及了函数的定义、参数、返回值以及如何利用函数判断闰年等实用例子。这些内容涵盖了JavaScript入门的基础知识和常见应用场景。原创 2024-02-26 13:48:03 · 558 阅读 · 1 评论 -
webgis入门之html与css(练习)
展示了两个不同风格的网页布局。布局一是关于生活的内容,页面上方为标题和一条装饰线,中间是一张图片和相关文字内容。布局二是个人网站风格,包含了一个搜索框和按钮,下方是关于网站的介绍文字和图片,以及一些链接到外部网站的按钮。每个布局都有其特定的样式和排版方式,展示了不同主题和目的的网页设计风格。原创 2024-02-25 16:56:53 · 359 阅读 · 1 评论 -
webgis入门之html与css(2)
介绍了一系列关于前端开发的主题,包括CSS选择器权重问题、表单设计、浮动、内联块标签的使用问题、定位、z-index图层顺序、固定定位、transform变换、阴影效果、以及flex布局等内容。每个主题都通过HTML和CSS代码示例进行了详细解释和演示,涵盖了前端开发中常见的一些技术和问题。原创 2024-02-25 16:41:56 · 373 阅读 · 0 评论 -
webgis入门之JavaScript(练习1)
介绍了一系列与WEBGIS开发相关的前端交互和JavaScript编程实例。包括使用三元表达式求三个数的最大值、判断一个数是奇数还是偶数的三种方法、打印倒三角形、用户输入登录账号密码验证、打印星星阵列、求出1到100之间既是3的倍数又是5的倍数的数字之和、以及根据存款金额推荐购买车型等内容。原创 2024-02-29 09:35:58 · 358 阅读 · 0 评论 -
webgis入门之JavaScript(练习2)
第一段代码是一个扑克牌组合生成器,通过嵌套循环生成了扑克牌的排列。第二段代码是一个工资计算器,计算并排序了员工工资,然后输出了工资总和。第三段代码用于保护电话号码的隐私,将中间四位替换为星号。第四段代码是一个字符串替换器,将字符串中的等号替换为冒号,并输出拆分后的数组。最后一段代码统计了数组中奇数和偶数的个数,并计算了数组元素的平均值,将结果输出到控制台。原创 2024-02-29 09:36:14 · 402 阅读 · 0 评论 -
webgis入门之JavaScript(练习3)网易云页面开发
项目包含两个主要页面:主页面和详情页。主页面是一个网页,展示了一些音乐节目的推荐信息,包括节目名称、所属电台、收听人数等,并提供了链接跳转至详情页的功能。主页面的HTML代码中通过Ajax请求获取了音乐节目的推荐数据,并使用jQuery动态生成了推荐节目的展示内容。详情页展示了单个音乐节目的详细信息,包括封面、节目名称、所属电台等,并提供了播放、点赞、评论、分享等功能按钮。详情页的HTML代码中通过Ajax请求根据URL参数获取了特定音乐节目的详细数据,并动态生成了页面内容。CSS代码用于样式设计。原创 2024-02-29 10:39:29 · 687 阅读 · 0 评论 -
webgis入门之JavaScript(2)
介绍了WEBGIS开发中的面向对象编程基础,包括类的定义、属性与行为的定义,以及对象的创建方式。进一步介绍了JavaScript中的内置对象,如Math和Date,以及数组和字符串的操作方法。此外,还介绍了ES6的const关键字和DOM操作中的节点增删改查,以及事件绑定。最后,给出了一个灯泡切换的示例并介绍了内联事件的使用。原创 2024-02-29 00:16:25 · 345 阅读 · 0 评论 -
webgis入门之JavaScript(3)
介绍了WEBGIS开发中常见的一些前端交互效果和JavaScript编程技巧。涵盖了输入框焦点样式变化、鼠标移入移出效果、键盘事件处理、间隔行效果、window对象的基本操作、页面事件监听、页面跳转与刷新、定时器的使用以及清除定时器的方法等内容。同时,还介绍了一些实用的前端技术,如倒计时跳转、短信验证码、轮播图的实现,以及使用jQuery库进行简化操作和数据请求的方法。原创 2024-02-29 00:17:27 · 356 阅读 · 0 评论 -
webgis入门之html与css (练习2)
所需图片资源已经绑定在文章中。原创 2024-02-26 13:24:49 · 378 阅读 · 1 评论 -
webgis入门之html与css(1)
从HTML的结构开始介绍,包括常见的HTML标签、CSS样式的应用,以及CSS中的选择器、盒子模型、样式重置等内容。其中还包括一些CSS技巧,如文字居中、hover效果、水平居中、以及标签的分类和互相转换等。通过这些内容,可以初步了解如何创建简单的网页,并为进一步学习和掌握网页开发打下基础。原创 2024-02-25 16:15:37 · 410 阅读 · 0 评论