问题标签 [jquery-ui-map]

为什么使用jquery mobile maps api与google maps相比位置存在差异。

这是显示差异的图像

谷歌地图中的位置

使用jquery ui maps api时的位置

这是我正在测试的经纬度

+39° 44' 41.22", -104° 49' 54.15"

+39° 44' 39.28", -104° 50' 5.86"

还有其他经纬度让我有所不同。

我正在使用的 JS 库 - http://maps.googleapis.com/maps/api/js?sensor=true&libraries=geometry

演示代码

如何解决这个问题？

指针？

This html example works properly. It loads Map and it can be moved, zoomed etc.

But when I put this into my Ruby on Rails application (only difference in 4th script path):

Map is not movable anymore. It's like static image. Every js file gets loaded and everything is all the same except "jquery.ui.map.full.min.js" filepath changes. That file is loaded properly in both cases and only difference is that, in Rails case that file has one extra blank line and one extra semicolon (;) in the end of the file.

What happens? Has someone else succeeded in combining jquery-ui-map plugin and ruby on rails? Any ideas what's causing this oddity?

I'm using jquery-ui-map-3.0-rc Rails 3.2.3

我有 jQuery 移动与谷歌地图一起使用，这样我就可以显示一个独立的页面，其中的地图占据了全屏。但是，我不知道如何制作一个简单的 2 页示例，其中有一个按钮可以将我带到地图。

我对为什么所有示例的正文标记中都有 javascript 感到非常困惑。我一直在尝试遵循此处的示例http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html，但很难弄清楚什么是仅对所有源 HTML 中的 basic_map 是必需的。我是使用 jQuery 和 javascript 的新手。

这是作为独立页面工作的 HTML 代码。

我已经尝试实现以下 2 个屏幕示例，我在第一页上输入纬度和经度，然后转到下一页上以该点为中心的地图。但是，我的地图显示在文本框下（而不是根据需要显示在新页面上）并且我收到错误消息：

未捕获的类型错误：无法调用未定义的方法“changePage”

根据其他帖子，错误与我需要调用pagecreate函数而不是$(document).ready(). 我没有调用这些函数中的任何一个，因为我不知道它们是否有必要，因为我能够制作其他简单的多页面移动 Web 应用程序，而无需等待其他页面准备好或创建。

我产生错误的多个屏幕代码是

总而言之，我的问题是：

1. 我很困惑我需要在哪里放置我的 javascripts。在第一个独立页面示例中，如果我将 javascript 移动到 head 标签，则没有任何效果。我需要将javascript放在头部和身体中吗？如果是这样，什么去哪里？

2. 我如何pagecreate在这个例子中实现，一般什么时候应该使用它？

3. 我还需要做什么才能使这个基本示例正常工作？

4. 是否有指向简单的移动 jQuery 代码的指针，而其中没有大量额外的东西？

我有一个简单的脚本，当您使用 jQuery mobile 和 Google Maps API v3 单击按钮时，它会在地图上添加一个标记。我想为该标记添加一个基本的 infoWindow，这样当您单击它时，它会显示“Hello World”。

这似乎应该很容易，但我似乎无法正确使用语法。我正在添加这样的标记

而且我似乎找不到任何很好的例子，当您还设置标记时，您还设置了一个信息窗口。

这是我的代码。如果保存在jquery-ui-map-3.0-rc\demos\目录中，则所有路径都是正确的。当您单击“添加更多标记”时，该chicago位置的标记会添加到地图中。我希望能够单击该标记并弹出一个显示“Hello World！”的信息窗口。

如果我将内部代码更改为$(document).ready(function()){}以下内容，则标记甚至不再显示。

我有一个简单的程序，我希望在其中发生以下情况：

1. 单击“Add Some Markers to Map”，将显示 4 个标记，其中包含cityList数组中指定的位置。
2. 单击一个标记，它将打开 infoWindow 并显示cityList数组中的相应索引。因此，如果您单击与 对应的标记cityList[0]，它将在 infoWindow 中显示“0”。

我可以添加标记并添加 infoWindows，但 infoWindows 中的内容不正确。首先，它们都是相同的，其次它们i在循环结束时显示迭代器的值。

我的问题是

1. 我怎样才能解决这个问题？
2. 我尝试使用地图的全局变量来实现相同的代码，但它不起作用。为什么不？例如，如果我替换

和

那么当我加载页面时，地图甚至都不会出现。

这是我的代码：

我在 jquery 1.7.1、jqm 1.1.0 和 jquery-ui-maps v3 上运行了这个小片段。

从 jqm1.1.0 切换到 1.1.1 时，你们有没有遇到任何问题？我在一个 jqm 应用程序实例上有这个代码，它在更新之前工作：

使用 ff 调试器，似乎没有调用 self.watchPosition() 命令，只是跳过它。

代码取自这里 http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#gps_map

有人可以在那里给我一个建议吗？谢谢！

编辑：我使用的 HTML 代码与示例中的非常相似：

我写了以下片段：

用于将 .gmaps() 函数异步应用于我的 map_canvas。如果我通过标签加载完全相同的文件（包括路径），我没有任何问题。如果我使用上面的级联版本，我会得到：

问题似乎是，未定义 gmap() 。为什么？

有人看到我的代码有问题吗？

拍

我正在使用 jquery-ui-map 通过 json 获取数据并显示在我的地图上。这很好用。

但我想做的是能够通过点击我的html页面上的一些链接来平移到选定的标记

所以我有

链接例如 id="13" 或其他

我单击它，它会平移并打开所选标记的信息窗口

我想我需要在标记本身上有一些 id，所以我用 json 将它从我的数据库中提取出来，否则我会迷路......

我正在使用此示例从 json http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-json.html获取数据

我的json是

找到至少可以打开任何标记的代码

现在需要具体例如 id=13 的标记

如何检测 jquery-ui-map 中关闭的 infowindow 并在窗口关闭后将地图平移到中心？

我正在使用 jquery-ui-map 插件，当我单击按钮时，我的测试页面 (test.html) 会正确加载 Google 地图。如果从另一个 jquery 移动页面加载，这个相同的 test.html 不起作用。我做错了什么或我错过了什么？接下来是重要代码：

标头中的 Javascript（如基本地图的示例）：

还有 html（对不起，我不能发布 HTML 代码，因为它是被解释的，但链接在下面）：

http://www.medlifesolutions.com.mx/locations/mobile/test.html

正如我所说，如果我直接在浏览器中编写 test.html 但如果来自另一个页面，这将非常有效：

http://www.medlifesolutions.com.mx/locations/mobile/main.php

它只是忽略“点击”或触摸按钮以显示地图。在此先感谢您的帮助。