在 Google 地图的不同图层上显示标记集

2024-01-23

我需要在 Google 地图上显示一组标记。 我知道可以直接在 Google 地图上添加标记,但鉴于我有 3 组标记,一组用于商店,一组用于公园,另一组用于酒店,我如何在 3 个不同的图层上显示它们,以便稍后使用 javascript ,我可以通过执行以下操作来隐藏一组标记:

myLayer2.setMap(null);

我已经检查了 Panoramio 图层,但它需要先将图像上传到全景 http://panoramio.com,但就我而言,出于某些特定的安全原因,我无法将它们上传到 panoramio。我将在本地拥有图像,并根据某些标准在运行时设置这些图像。

有没有什么方法可以在不使用 panoramio 方法的情况下进行基于图层的工作?


地图 API 不支持这种自定义图层(您可能从其他地图 API(例如传单)中了解它们)。

但实现类似的功能并不难。

您可以使用google.maps.MVCObject。对于每个“图层”,为此 MVCObject 创建一个属性,并将该属性的值设置为 null 或 google.maps.Map-instance( 取决于“层”所需的初始状态)

var myLayers=new google.maps.MVCObject();
    myLayers.setValues({parks:null,shops:null,hotels:map});
    //hotels initially are visible

当您想添加叠加层时...例如一个标记,到一个“层”,将该 Overlay 的地图属性绑定到 MVCObject 的相关属性:

   parkMarker=new google.maps.Marker({/*options*/});
   parkMarker.bindTo('map',myLayers,'parks');

要切换该“层”内所有功能的显示,您只需设置 MVCObject 的属性:

//show the parks
myLayers.set('parks',map);
//hide the hotels
myLayers.set('hotels',null);

Demo: http://jsfiddle.net/doktormolle/UA85N/ http://jsfiddle.net/doktormolle/UA85N/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Google 地图的不同图层上显示标记集 的相关文章

随机推荐

  • 为什么 PowerShell 会分割包含连字符和句点的参数?

    在 PowerShell 窗口中 PS C gt echo abc def ghi abc def ghi 由于某种原因 连字符和句点的组合导致 Powershell 将参数分成两行 如果没有连字符 则不会出现 PS C gt echo a
  • 如何在 Perl CGI 脚本中生成长时间运行的进程?

    我现在正在编写一个 Perl CGI 脚本 但它正在成为资源消耗者 并且它不断被我的 Web 主机杀死 因为我不断达到进程内存限制 我想知道是否有一种方法可以将我的脚本拆分为多个脚本 然后让第一个脚本调用下一个脚本 然后退出 这样整个脚本就
  • 我的 wordpress wp-api 测试数据中缺少什么?

    我正在使用 wp api 进行测试 顺便说一句 我很高兴使用它 这是我所做的 安装了 wp api 并验证我可以使用 cURL 从网站获取 安装了基本身份验证 并为此测试创建了编辑器级别帐户 我尝试在 Chrome 中使用 cURL 和 P
  • 在 AngularJS 中的 ng-repeat 中使用 ng-model 进行绑定

    我正在尝试将模型 用户 绑定到输入字段列表 我事先不知道这些字段 所以我必须编写通用代码来根据字段设置表单 div ul li li ul div
  • Material UI / Webpack / React - 生产模式下的类名优化/缩小

    webpack v4 material ui v4 9 6 react v16 12 0 通常情况下 所有类都应该是第一个示例中的最后一个类 由于生产模式上的某些原因 许多类没有改变 任何想法 示例1 div class MuiDrawer
  • 如何在旧版(非 WebExtensions)Firefox 插件中获取 Windows 用户名?

    我正在使用 Firefox 插件 用 JavaScript 编写 需要确定当前登录的 Windows 用户 有没有办法做到这一点 这在 Windows 上可以解决问题 function getUser return Components c
  • Spring Boot 中的 JSON Java 8 LocalDateTime 格式

    我在 Spring Boot 应用程序中格式化 Java 8 LocalDateTime 时遇到一个小问题 对于 正常 日期 我没有问题 但 LocalDateTime 字段会转换为以下内容 startDate year 2010 mont
  • 在 C++ 中找到一对椭圆的公切线的首选方法[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想用 C 来做这个 我有两个想法可以做到这一点 将这对椭圆视为两个不同参数的参数方程 我可以根据这两个参数得到两个方程 这对方程是非
  • 如果没有const引用临时对象会被删除吗?

    我们来看看这两个函数 std string get string std string ret value Calculate ret value return ret value void process c string const c
  • 广播有延迟

    我们使用广播来传达远程服务和 UI 之间的状态更改 这样做时 我们发现了一个非常奇怪的行为 有时 我找不到任何线索为什么 这些广播会延迟 8 秒左右 我们如何发送它们 非常基本 mState只是一个枚举 服务中的远程进程 Intent in
  • D3 反转色标图以获得幅度

    我有一个 colorscaleMap 让我们假设这样的事情 d3 scale linear domain 0 01 0 02 0 03 0 04 0 05 range 5100ff 00f1ff 00ff30 fcff00 ff0000 现
  • 将文件存储在批处理文件中?

    您好 我正在尝试将二进制文件存储在我编写的基本批处理脚本中 基本上我希望脚本能够在某个时候输出这个预构建的文件 而不是从头开始创建它 如果这是不可能的 那么我必须将此文件与批处理文件分开包含 然后将其移动到必要的位置 但我宁愿让此文件对用户
  • 我可以从 node.js 设置 ulimit 吗?

    我想限制子进程写入太多数据或占用太多CPU时间 无限循环 在 C 中 我会调用 setrlimit 2 来做到这一点 Node js中有类似的东西吗 据我所知 没有node js扩展提供setrlimit 功能 但您可以通过一个小的 she
  • PHP 准备好的语句返回 -1

    我使用准备好的语句已经有一段时间了 从来没有遇到过任何问题 现在我正在尝试 sql SELECT PhotoID Caption FROM Photos WHERE EntityID AND TypeID LIMIT iDB new mys
  • 在 Perl 中使用 foreach 或 while 迭代文件有什么区别?

    我有一个文件句柄FILE在 Perl 中 我想迭代文件中的所有行 以下有区别吗 while
  • C、如何结合使用fgets和fscanf

    我有一份大学作业 即使用文件IO 有这样的TXT文件 Brian s213551 50 70 70 50 Alex Fernandes s210011 70 81 50 89 Young Lee s211213 60 80 60 90 an
  • 如何在 MySQL 中调用过程?

    我已经开始检查 MySQL 中的过程 但我所有的努力都不起作用 这是我的程序创建 DELIMITER CREATE PROCEDURE test IN a INT BEGIN SELECT FROM table WHERE id a END
  • KBUILD_DEFCONFIG_KMACHINE ?= defconfig_file 无法按预期工作

    KBUILD DEFCONFIG KMACHINE defconfig file没有按我的预期工作 我学到的第一课 defconfig config Bare Kernel Build 没有 yocto 下面是一个新的 defconfig
  • 在 Python 中调试期间绘制函数

    我曾经在 Matlab 中工作 在调试过程中使用可视化中间结果非常方便 当使用大数组 矩阵和嵌套函数时 plot功能 在Python中 我无法在调试模式下绘制任何内容 带有图形图的窗口永远不会加载 我正在使用Spyder IDE进行编码和m
  • 在 Google 地图的不同图层上显示标记集

    我需要在 Google 地图上显示一组标记 我知道可以直接在 Google 地图上添加标记 但鉴于我有 3 组标记 一组用于商店 一组用于公园 另一组用于酒店 我如何在 3 个不同的图层上显示它们 以便稍后使用 javascript 我可以