Javascript 带jQuery的谷歌地图API

我想设计一个带有地图图标的html名片（图标将显示卡片中地址的红色pin）。地图窗口将非常小（100x100px），但单击它将打开谷歌地图，并锁定地址。有没有一个jQuery插件可以轻松实现这一点，或者有人能给我指出正确的方向吗？

没有必要使用jQuery来解决这个问题

我相信实现这一点最简单的方法是打开一个新窗口，将用户发送到谷歌地图。地址可以作为GET参数传递

---

对于小地图，您可以使用标准，将标记放在地图上。

我不知道是否有jquery插件。但你所描述的应该不会太难实现。我将为此任务执行以下操作

$('#my_pin').click(function(){
  1. create a div for map, set the height and width for this div. 
     var div = document.createElement('div');
     you may want to add some event hanlder to this div so that it can be closed 

  2. create a google map options similar to 
     var opts = {
       center: new google.maps.LatLng(100,100),
       zoom: 5,
       mapTypeId: google.maps.mapTypeId.ROADMAP
     }
  3. create your map object base on the newly created div and options
     var map = new google.maps.Map(div,opts )

  4. attach the new div to your body or whatever parent element
     $(div).appendTo($('body').get(0));



});

---

您希望地图在灯箱中打开还是在空白窗口中打开？您不需要jQuery来实现这一点。您只需打开一个新窗口，将用户发送到谷歌地图。地址可以作为GET-parameter传递。两者都可以。它甚至可以在一个div中打开…只要它可以在点击后放大到一个更大的地图。好的，但这可以使用标准。也不需要jQuery。地图大小可以通过API设置，也可以通过CSS设置

宽度

和

高度

。