SimpleGeo 和 Google 地图

发布于 2024-11-03 20:49:22 字数 951 浏览 0 评论 0原文

我正在尝试做一些我认为很简单的事情。查询 SimpleGeo,获取 json 并在谷歌地图上显示点。

逻辑如下: 用户使用简单的谷歌地图查看有关存储在 Django DB 中的位置的页面。那张地图有一个点显示了该位置。 用户点击显示酒店 jQuery 从 SimpleGeo 检索给定纬度/经度的 json jQuery 使用该位置周围的酒店点更新 google 地图。

我遇到的问题; 返回的 json 带有几个完整的值。我尝试了几个循环函数,但除了 null 之外什么也得不到。然后我只要说 json_ob[0] ,我就会得到一个列表,但我无法从 json 中获取电线并将它们显示在地图上。 Gmaps 一直抱怨电源线无效。我已经使用alert()来检查它们,但它们似乎与地图的初始格式相同。

我还尝试在我的视图中处理 json 并仅将纬度和经度发送到模板,但这似乎也不起作用。

示例或教程的链接会很棒。

我这里有一些

var obj = jQuery.parseJSON('{{ near_geo|safe }}');
       cords = obj.geometry.coordinates
       cords_array = cords.toString().split(',')
       lng = cords_array[0];
       lat = cords_array[1];


var marker = new google.maps.Marker({
       map: map,
       position: [lat , lng]

       });

会产生: 属性值无效:32.929272,-83.741676

如果我只能显示一个,那么我可以循环并获取其余的。

I'm trying to do something I thought would be simple. Query SimpleGeo, take the json and show the points on a google map.

The logic is as follows:
User views a page about a location stored in the Django DB with a simple google map. That map has one point showing the location.
User clicks show hotels
jQuery retrives json from SimpleGeo for a given lat/long
jQuery updates google map with points for hotes around that location.

Problems I'm having;
The json comes back with several entires. I've tried several looping functions but couldn't get anything but null. So then I just say json_ob[0] and I get one listing, but I can't get the cords from the json and show them on the map. Gmaps keeps compaining about the cords are not vaild. I've used alert() to check them but they seem to be the same format as the initial ones for the map.

I've also tried processing the json in my view and sending just the lat and long to the template but that doesn't seem to work either.

A link to a example or tutorial would be great.

I have here some

var obj = jQuery.parseJSON('{{ near_geo|safe }}');
       cords = obj.geometry.coordinates
       cords_array = cords.toString().split(',')
       lng = cords_array[0];
       lat = cords_array[1];


var marker = new google.maps.Marker({
       map: map,
       position: [lat , lng]

       });

That produces:
Invalid value for property : 32.929272,-83.741676

If I could just get one to show up then I can loop and get the rest.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

和影子一齐双人舞 2024-11-10 20:49:22

尝试替换

var marker = new google.maps.Marker({
   map: map,
   position: [lat , lng]
   });

var marker = new google.maps.Marker({
   map: map,
   position: new google.maps.LatLng(lat, lng);
   });

try to replace

var marker = new google.maps.Marker({
   map: map,
   position: [lat , lng]
   });

with

var marker = new google.maps.Marker({
   map: map,
   position: new google.maps.LatLng(lat, lng);
   });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文