问题标签 [jquery-ui-map]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
284 浏览

jquery - jQuery Ui Map - 多次使用 gmap 方法

我正在研究地图过滤,我正在使用jQuery Ui 地图插件。对于过滤,我使用以下代码:

因此,JSON 中的所有标记都将根据分配给选择框的标签过滤掉。

但我想要实现的是特定商店名称的onClick(在地图下方列出),只有该标记应该显示在地图上。

为此,我尝试使用 jQuery Ui Map 添加标记。但我认为我们不能使用.gmap超过一次。所以我使用了其他方法:

它按照我想要的结果工作。但问题是,通过使用上面的代码,我使用选择框制作的过滤器(其代码在这个问题的开头)不再工作(它工作直到我不工作单击任何商店名称)。

所以我想让过滤器和点击商店名称一样工作,它的标记也应该显示在地图上。

有没有其他选择?我怎样才能做到这一点?

0 投票
1 回答
4746 浏览

jquery - 获取 Google Maps v3 Jquery 中的所有标记

Google Maps v3 JQuery 引入了以下获取标记的方法:

我正在尝试这个,但得到一个空数组。这是我正在使用的代码:

根据代码,我需要这个才能使用 MarkerClusterer。我在控制台中没有收到任何错误。至于console.logs 的结果,第一个(imap)正确返回了地图对象。第二个(标记列表)只返回一个空数组(“[]”)。

MarkerClusterer 代码似乎没有问题;我的怀疑是我错误地添加了标记。关于这里有什么问题的任何见解?

我一直以此为参考:https ://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_sample_code

0 投票
1 回答
358 浏览

jquery - 使用 addEventListener 处理谷歌地图 infoWindow 内选择器上的 jQuery 点击事件和 jQuery UI 地图

问题:当尝试在 Google Maps infoWindow 中的选择器上触发 jQuery 事件时,捕获 gmap 对象中的事件所需的点击事件侦听器必须是其他点击函数的父级,导致点击事件在第一次点击时触发失败.

我在 StackOverflow 上找到的所有解决方案都显示了如何添加 eventListener,但仍然没有考虑到第一次点击时无法触发的问题。

如果您使用 jQuery UI Maps 填充打开 infoWindows 的可点击标记,并且希望能够针对主(父)页面上的 jQuery 事件定位 infoWindow 内的元素,则下面的解决方案将起作用。

此解决方案解决了嵌套单击函数导致的典型第一次触发问题,其中 jQuery 事件不会在第一次单击时触发,因为您的函数必须在 $('map_canvas').gmap() 的 addEventListener 中才能被捕获 -但是,当然,它们会嵌套在另一个点击函数中,因此在第二次点击之前不会触发。

肯定有更多标准和/或雄辩的方法来实现这一点,但除了需要稍微不典型的语法外,这解决了所有问题,并为原本非常令人沮丧的问题提供了一个非常快速、直接、可行的解决方案,为您节省了 8 + 我花了几个小时猛敲墙头才制作出来。

0 投票
1 回答
246 浏览

jquery-mobile - 更改样式化 Google 地图的样式

我想改变我的谷歌地图的风格。我正在使用 jQuery-UI-Map,但我不知道怎么做。

这是我现在使用的代码:

消息框被触发,但地图没有更新为我的“mapStyleRed”。

0 投票
1 回答
346 浏览

javascript - 删除/移动谷歌地图标记(jquery-ui-maps)

我想从我的谷歌地图中删除一个标记,但我似乎无法让它工作。我找到了各种答案,都告诉我.setMap(null)在标记上使用,但我似乎无法让它工作。

我明白了TypeError: youreHere_Marker.setMap is not a function。据我所知,这意味着该变量youreHere_Marker没有方法.setMap(),但如果我这样做console.log(youreHere_Marker)并检查对象,我可以看到方法。

我的地图上有更多标记,通过MarkerClusterer. 那些应该保持不变

我有一种接近的感觉,有人能指出我正确的方向吗?

编辑:我也试过.setPosition(),同样的错误。我假设我使用的变量不正确,但我不知道如何正确引用它。

0 投票
1 回答
264 浏览

jquery - jquery-ui-map 与新版本的 jquery mobile 和 jquery

我正在使用最新版本的jQuery (1.7 -> 2.2.4)jQuery Mobile (1.1 -> 1.4.5)升级旧的混合应用程序。 这个应用程序包含一个带有使用jquery-ui-map创建的地图的页面。 现在我正在使用PhoneGap测试应用程序,包含地图的页面为空,不显示任何内容,控制台也没有错误。 在我在互联网上找到的所有示例中,它们都使用了以前版本的 jquery。 3. 如果我使用其他代码创建地图会更好吗? 这是代码:




1. jquery-ui-map 也可以用于最新版本的jquery?
2.可能是Phonegap的问题?如果我创建一个apk,我可以看到地图吗?


太感谢了。

0 投票
1 回答
601 浏览

javascript - 使用 jquery ui map (gmap) 获取当前位置

我正在升级旧的混合应用程序。
现在我有最新版本的jQuery (1.7 -> 2.2.4)jQuery Mobile (1.1 -> 1.4.5),我也使用 Jquery Migrate (1.4.1)。
这个应用程序包含一个带有使用jquery-ui- map 创建的地图的页面,我正在使用PhoneGap测试该应用程序。
在此页面中,我有一个按钮,我想获取用户的当前位置。
我使用这段代码:

但是警报“我在这里”从不显示,我不知道为什么,所以我无法获得用户的当前位置。
我已经包含了 jquery.ui.map.extensions.jsjquery.ui.map.overlays.jsjquery.ui.map.services.js
我对网络应用程序版本和 apk 或 ipa 有同样的问题。
有没有人有同样的问题?有谁知道为什么不显示“我在这里”的警报?最新版本的 jquery 或 cordova 是否已弃用函数“ getCurrentPosition ”?
太感谢了

0 投票
1 回答
44 浏览

javascript - can you customize a Google Maps display

sample image

Ignore the Hide|Show bar in the upper right hand corner. It was present in the image I screen grabbed for this example.

Google adds the following:

  • Google icon on the bottom left corner.
  • Text on the bottom right corner.
  • The little yellow man icon, + and - at the bottom of the right hand margin.
  • The zoom icon at the top right corner.

Is it possible to hide any or all of these programmatically?