当前位置: 首页 > 知识库问答 >
问题:

在传单中创建自定义层控件

曹旭
2023-03-14

我一直在研究一个传单地图,其中有许多静态层,可以使用传单的标准层控件关闭和打开。

最近,我一直在尝试使用onclick方法运行函数,当用户单击图例中的一个图像时,从地图中添加和删除层。我尝试了许多不同的方法来实现这一点,我认为这与javascript和web页面元素的加载顺序有关(但我对此相当陌生,所以我可能错了)。

无论如何,在不粘贴太多代码的情况下,我在文档的头部加载了所有脚本:

<html>
<head>
<title>St. Louis River Estuary Deep Map</title>
<link rel="stylesheet" href="css/leaflet.css" />

<!--[if lte IE 8]>
<link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.ie.css" />
<![endif]-->
<script type="text/javascript" src="js/leafletcopy.js"></script>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script type= "text/javascript" src="js/googlemaps.js"></script>


<script type="text/javascript"src='js/wax.leaf.min.js'></script>

<script type='text/javascript' src='js/htmlswitch.js'></script>
<link rel='stylesheet' href='css/webmapstylesheet1.css'/>
<!--[if lte IE 8]>
<link rel="stylesheet" href="leaflet.ie.css" />
<![endif]-->

<script type="text/javascript" src="js/hearding.js"></script>
<script type="text/javascript" src="js/boundaries.js"></script>
<script type="text/javascript" src="js/bath1.js"></script>
<script type="text/javascript" src="js/bath2.js"></script>
<script type="text/javascript" src="js/bath3.js"></script>
<script type="text/javascript" src="js/monitoring.js"></script>
</head>

<body>
    <div id ="divHeader">
        <h1>St. Louis River Deep Map</h1>
        <div class="navHome"><a href="http://stlre.pebbleonline.com/">return home</a></div>
    </div>
    
    
    <div id="legend">
        <h2>Legend:</h2>
        <hr>
        
        <p class ="legend"><img onclick = "removeRecreation();" src ="images/recreation1.png">Exploring</p>`

共有1个答案

潘俊楚
2023-03-14

在执行“var map”时,实际上是在声明一个局部变量(相对于传递给window.onload的函数),因此removeRecreation函数看不到它。要解决这个问题,只需将“VAR映射”移到顶部(在removeRecreation定义之前)。

 类似资料:
  • 我正在尝试用一个自定义的控件替换默认的传单层控件。 我关注了另一个关于创建自定义层控件的帖子。 我可以通过层名,我已经用console.log检查了这一点。 但是,取消选中该复选框并不会删除该层。

  • 问题内容: 在解析了许多有关在Python中构建Caffe层的链接之后,我仍然很难理解一些概念。可以请别人澄清一下吗? 网络的Blob和权重python结构在这里进行了解释:查找关于输入的Caffe转换滤波器的梯度。 网络和求解器的结构在这里说明:Caffe / Pycaffe速查表?。 定义python层的示例在这里:git上的pyloss.py。 此处进行层测试:在git上测试层。 此处介绍了

  • 问题内容: 有没有一种方法可以JButton用您自己的按钮图形而不是仅在按钮内部创建图像? 如果没有,是否还有另一种方法可以JButton在Java中创建自定义? 问题答案: 当我第一次学习Java时,我们不得不制造Yahtzee,我认为创建自定义的Swing组件和容器会很酷,而不仅仅是在一个组件上绘制所有内容JPanel。Swing当然,扩展组件的好处是能够添加对键盘快捷键和其他辅助功能的支持,

  • 有人能帮我创建balow图像剪切搜索栏吗?我已经用自定义拇指和分段文本浏览过SeekBar,还有SeekBar拇指位置问题 但是我没有成功创建我的客户搜索栏,请帮助我

  • 本文向大家介绍Asp.net自定义控件之加载层,包括了Asp.net自定义控件之加载层的使用技巧和注意事项,需要的朋友参考一下 本文旨在给大家开发自定义控件(结合js)一个思路,一个简单的示例,可能在实际项目中并不会这样做。  先来看看效果:   1.在静态页面里开发好想要的效果 2.vs新建类库,新建类继承于WebControl  添加属性:  [Description("获取和设置触发器ID"

  • 嗨,我正在尝试创建一个类似gmail应用程序导航抽屉的导航抽屉。我关注开发者网站,但它只指定基本的实现。但是我需要根据我的规格定制导航。 我需要添加标题以对抽屉中的列表项进行分类 我需要一个单选按钮来选择我的一些选项 我怎么能这么做?