使用 Google 地图 api 隐藏最后一个方向标记

2024-01-20

我已经使用地图 API 计算了具有相同起点和终点的路线。

由于起点和终点相同,因此第一个标记与最后一个标记重叠。现在我只想删除最后一个标记。

我只知道如何隐藏它们:

directionsDisplay.suppressMarkers = true;

有没有办法循环遍历标记并删除最后一个?

这是我用于指示的代码:

function calcRoute(waypts) {
    var start = waypts[0].location;
    var end = waypts[0].location;


       var request = {
        origin:start,
        destination:end,
        waypoints:waypts,
        optimizeWaypoints: true,
        provideRouteAlternatives:false,
        travelMode:google.maps.TravelMode.DRIVING
       };

directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {

           directionsDisplay.suppressInfoWindows = true;
           directionsDisplay.suppressMarkers = true;
           directionsDisplay.setDirections(response);

           console.log(status);

    }else{
         alert('SATUS:'+response.status);

    }
 });
}

尝试这个

初始化中

directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true});

then

directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var route = response.routes[0];
    var start =route.legs[0].start_location;
    var end =route.legs[0].end_location;
    addMarker(end);

添加标记函数

    function addMarker(pos){
var marker = new google.maps.Marker({
  position: pos, 
  map: map, 
  icon: 'images/your image'

}
)
}

我还没有测试过这个,但你应该明白

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

使用 Google 地图 api 隐藏最后一个方向标记 的相关文章

  • Bootstrap 3.0 和 Google 地图 javascript API V3 样式

    我正在尝试将谷歌地图 javascript API v3 实现到利用 Bootstrap 3 0 轮播 基本主题的 Bootstrap 3 0 网站中 问题是 div div 如果我尝试将其包含在任何其他 div 或 bootstrap 3
  • 在 Google Maps API v3 中获取折线的边界

    有没有简单的方法可以使用 Google Maps API v3 查找折线的边界框 我正在开发一个项目 在该项目中 我需要在地图中添加和删除数据时更新边界 只需执行 bd extend point 即可非常简单 其中 bd 是绑定对象 poi
  • 如何使用 pincode 作为输入查找纬度和经度列表

    有什么方法可以使用 zip pincode 找到纬度和经度列表吗 Input 560103 Output 12 123456 72 123456 12 123654 72 366666 12 123456 72 123456 on goog
  • Google Maps Javascript API V3 - 如何删除自定义控件?

    我通过以下方式创建了自定义控制器http code google com apis maps documentation javascript controls html http code google com apis maps doc
  • Google Maps API v3:单击 DOM 元素时关闭信息窗口

    我是第一次使用 Google 地图 所以我在 CSS Tricks 上查看了一个很好的教程 http css tricks com google maps slider http css tricks com google maps sli
  • 谷歌地图响应式调整大小

    我试图让谷歌地图响应并调整大小 同时在窗口调整大小时保持其中心 我阅读了其他堆栈问题 例如 响应式谷歌地图 https stackoverflow com questions 15421369 responsive google map a
  • Safari 在 div 中使用 Google 地图打破边框半径

    对我来说关于 Stack 的第一个问题 我已经完成了我的作业并发现了类似这个主题的内容 在 webkit 浏览器中 v3 谷歌地图不尊重容器的边框半径 有人有解决方法吗 https stackoverflow com questions 1
  • 光标在 Google 地图应用程序中消失

    这确实很奇怪 使用 API v3 创建 Google 地图应用程序后 有时当我将光标悬停在地图上时 鼠标光标会消失 我需要与地图之外的几个控件进行交互 当我点击其中一个并且地图失去焦点后 问题就显现出来了 这事发生在别人身上过吗 我尝试将焦
  • 根据当前窗口中的半径限制 Google 地图上来自 Instagram API 的帖子

    所以我有下面的代码 它是一个 Node js 应用程序的前端 它使用特定的主题标签提取 Instagram 帖子 现在它在世界各地发布 有没有办法限制帖子的半径 如果可能的话 限制用户当前可见的窗口 我正在使用 Instagram 实时标签
  • 通过 AJAX 加载 Google Maps API,控制台错误

    我正在使用 jquery javascript ajax 和 php 构建一个完全动态的网站 当我单击导航链接时 浏览器会使用 ajax 打开该页面 所以基本上所有页面都加载在同一个index php 中 如果我转到 位置 选项卡 其中有谷
  • Google 地图 V3:防止标记缩放

    我有一个谷歌地图 上面有一个标记 我需要将标记设置为固定大小 例如 10x10 像素 并且即使放大或缩小也以相同的大小重新发送 这就是我现在所拥有的 并且不起作用 var marker new google maps Marker posi
  • 从数据层中删除所有特征

    我用过类似的东西 var map function initialize map new google maps Map document getElementById map canvas zoom 4 center lat 28 lng
  • 如何使事件 DOM 侦听器适应 Google Maps JavaScript API v3.35

    我曾经使用以下代码来捕获用户的 Enter 键事件 如果用户没有选择其中任何一个 即没有标记为 pac 的 pac item 则自动从自动完成结果 pac items 中选择第一个结果 项目选择 var input document get
  • 如何使用 Google Direction api 或 iPhone 应用程序的其他一些 api 比较两条路线

    我想比较两条路线以检查它们在我的 iPhone 应用程序中是否相同 有一个人X想要从A点到B点 另一个人想要从A1点到B1点 我可以使用谷歌的方向 API 获取 A 到 B 之间的路线 http maps googleapis com ma
  • 如何使用地点 ID 获得指向 google 地图上某个地点的直接链接

    我的应用程序中有谷歌地图上某个地点的地点 ID 有没有办法将地点 ID 放入 URL 中并使其直接链接到页面 还是必须通过URL来完成 我似乎在文档中找不到任何详细说明这一点的内容 我在下面尝试过 但它只是让我得到标准的谷歌地图页面 htt
  • 是否可以使用谷歌地图从坐标获取地址?

    我只是好奇 也许是为了未来的项目 我想知道是否可以通过 Google API 从给定坐标检索地址 是的 只需使用 Google 地理编码和 Places APIhttps developers google com maps documen
  • Google 地图上的自定义路线/路径/道路

    我需要能够使用 V2 或 V3 最好是 3 创建在某种意义上忽略建筑物的路径 我试图创建一个 kml 文件来自己绘制所有路径 然后找到某种方法根据需要打开 关闭它们 例如 用户想要从 A 点前往 B 点 这些点之间有许多建筑物 用户可以实际
  • 将事件添加到 Google Maps API InfoWindow 内的元素

    我想在 Google Maps API v3 InfoWindow 内放置一个带有输入字段和提交按钮的表单 提交后 我想调用一个函数 该函数使用输入字段中输入的地址启动方向服务 这是我的代码 我目前只测试方向事件是否被触发 我已经编写了完整
  • 414 请求 URI 太大错误 Google 地图 v3

    当我调用构造函数来创建具有超过 15 个不同 KMZ 文件的新 KmlLayer 时 似乎会发生此错误 构造函数的调用是 var layer new google maps KmlLayer http 我每次都可以使用 15 个不同的 KM
  • Google Maps API v3 Places 库返回未定义的 utc_offset

    我正在开发一个时间和位置感知应用程序 谷歌地图 v3 api 地点库几乎拥有我需要的一切 但是 当对特定地址执行 textSearch 并尝试为返回的 PlaceResult 项目之一调用 getDetails 时 从 getDetails

随机推荐

  • Java 中是否为未使用的字段分配内存?

    我想知道Java中的内存分配是如何工作的 我有一个class Duck有两个实例变量int size and String name 这些变量被初始化 如果我没有实例化此类 这些变量的内存是否会在运行时在堆上分配 谢谢 基因 几种可能的情况
  • 亚像素滚动问题,无法在 Chrome 69 上正确设置scrollTop

    我正在尝试设置scrollTop以编程方式获取某些 DOM 元素的属性 并且我有奇怪的行为 破坏了我在某些特定环境中的测试 我创建了最小的重现 the link https jsfiddle net dhilt mo4zveka 25 HT
  • 为什么 readonly 和 volatile 修饰符是互斥的?

    我有一个引用类型变量readonly 因为引用永远不会改变 只会改变它的属性 当我尝试添加volatile编译警告我它不会让两个修饰符应用于同一个变量 但我认为我需要它是易失性的 因为我不想在读取其属性时出现缓存问题 我错过了什么吗 还是编
  • PHP 中的多线程

    我现在正在尝试创建一个多线程 PHP 应用程序 我读过很多解释如何创建多线程的论文 所有这些示例都是基于在不同的辅助 PHP 文件上划分进程而构建的 实际上这也是我想做的 但有一个问题 工作太多甚至无法划分 30秒内 这是执行时间限制 我们
  • 装配控制台暂停

    像 C 和 C 一样 我们使用 system pause 如何在 MS Visual Studio 2010 汇编语言中暂停控制台 586 model flat stdcall stack 4096 data number DWORD 10
  • Tinymce - 更改锚标记内的代码 - 什么是配置设置

    我有以下一段 HTML a href class list feature link img class left src images list sell off svg div class list feature text h4 Se
  • JS中为什么对象要用括号括起来?

    给出以下示例 var foo root key1 Value1 key2 Value2 key3 Value3 与以下相比有什么区别 var foo root key1 Value1 key2 Value2 key3 Value3 在第一个
  • 如何以反应形式获取无线电的选定值

    我试图获取单选按钮的 selectedValue 并将其作为 true 与单选文本一起传递 如果选择选项 1 则 selectedValue 将发送为 true 否则发送为 false 如果选择选项 2 则 selectedValue 将发
  • Vowpal Wabbit 的 Java API?

    我正在尝试使用沃帕尔瓦比特 https github com JohnLangford vowpal wabbit 通过Java 我已经从 GitHub 下载并成功编译了代码 命令行工具运行良好 快速查看存储库后 尤其是here https
  • 如何解决Maven中的循环依赖?

    我们如何解决 Maven 循环依赖 假设A是父项目 B和C是子项目 如果 B 依赖于 C 并且 C 依赖于 B 除了使用不同的项目之外 是否有其他方法可以解决循环依赖关系 Maven不允许项目之间存在循环依赖 因为否则不清楚先构建哪个项目
  • 在源代码中存储敏感信息的最佳实践

    我很好奇是否有任何关于在源代码中存储一些敏感信息的建议 为了从一开始就明确自己 我not谈论用户密码 信用卡号等 我说的是 API 访问密钥 客户端机密和其他此类数据 这些数据与应用程序的用户不直接相关 而是与应用程序向各种组件或第三方服务
  • 正则表达式不适用于 JavaScript

    当我使用 NET 引擎测试它时 我有一个可以在 regexplib com 上运行的正则表达式 它没有找到与 JavaScript 匹配的内容 我还使用下面的代码尝试了 JSFiddle 它没有找到匹配项 它返回空值 var re RegE
  • 无法从 MERN 应用程序的后端在浏览器中接收/设置 cookie,后端托管在 heroku 上,前端托管在 netlify 上

    我有一个 MERN 应用程序 其后端托管在 Heroku 上 前端托管在 netlify 上 部署应用程序后 我无法在浏览器中看到 cookie 但它在本地主机上运行良好 我认为这是由于后端和前端端口不同造成的 我缺少什么 请帮忙 你是对的
  • 以百分比表示的最小高度属性不起作用[重复]

    这个问题在这里已经有答案了 文档基本上是这样的 div div class all links div div class item div class notice div div div div div And CSS html bod
  • Swift 中的函数和方法有什么区别?

    我一直以为函数和方法是一样的 直到我通过 Swift 编程语言 电子书学习 Swift 我发现我无法使用greet John Tuesday 调用我在类中声明的函数 如下面的屏幕截图中的电子书所示 我收到一条错误消息 通话中缺少参数标签 d
  • 如何创建一个以 HWND 作为父级的 QWidget?

    对于 wxWidgets 我使用以下代码 HWND main window wxWindow w new wxWindow wxWindow window w gt CreateWindowFromHWND 0 WXHWND main wi
  • Oracle SQL 中“YYYY”和“RRRR”有什么区别

    我有 2 个 SQL 查询 select trunc to date 27 Jul 1987 YYYY FROM dual and select trunc to date 27 Jul 1987 RRRR FROM dual 两者都给了我
  • 将 pi 的 opencv 视频传输到 ffmpeg 以进行 Youtube 流媒体播放

    这是一个使用 OpenCV 读取 picam 的小型 python3 脚本 picamStream py import sys os from picamera array import PiRGBArray from picamera i
  • 在python中将图像转换为二维数组

    我想将图像转换为 5 列的 2D 数组 其中每行的形式为 r g b x y x y 是像素的位置 r g b 是像素值 我将使用这个数组作为机器学习模型的输入 python中有比这更高效的实现吗 import Image import n
  • 使用 Google 地图 api 隐藏最后一个方向标记

    我已经使用地图 API 计算了具有相同起点和终点的路线 由于起点和终点相同 因此第一个标记与最后一个标记重叠 现在我只想删除最后一个标记 我只知道如何隐藏它们 directionsDisplay suppressMarkers true 有