2010-01-03 42 views
4

我需要根据我的asp.net(MVC)c#应用程序中的联系人地址显示Google地图。根据MVC/jQuery中的地址显示Google地图

我有我的应用程序中的联系人列表。当用户查看特定联系人时,我需要将联系人地址的谷歌地图显示在联系人视图页面的一侧。

我如何使用jQuery在MVC中实现此功能?

回答

1

您可以使用jQuery Google Maps plugin对于这一点,但它并没有支持又一个地址转换成位置,因为它需要纬度和经度前面

+0

这个插件很好地显示经纬度的谷歌地图。要计算纬度和长度这是一个地址,链接http://blog.donnfelker.com/post/C-Google-Geocode-(Latitude-and-Longitude)-Class.aspx非常有用。 – Prasad 2010-01-04 13:17:18

+0

这个插件非常有用,这是非常容易使用。 – 2012-12-19 22:23:00

1

您可能想要做的第一件事是获取联系人地址的经度和纬度。您可以访问geoCode api并实时执行该操作,也可以在首次创建新联系人时将其保存并保存到数据库中。如果您不需要为每个页面请求执行geoCode查找,我强烈推荐以后再讨论,这样可以节省大量时间。

然后将您的经度和纬度附加到ViewModel,以便您可以在视图中使用这些值。将纬度和经度设置为几个JavaScript变量,你很好。

看看谷歌地图API的“你好世界”,你应该有你需要的所有信息。只需将选项设置为您想要的并使用您的经度和纬度。

因为你主要使用Google的api,所以你可以用jQuery做的事情不多。唯一真正的优势是可能把东西放在$(funcion(){...所以你不必在body onload =上做一个函数... ...