如何在jquery ui映射中使用个性化图标

如何在jquery ui映射中使用个性化图标,jquery,google-maps-api-3,jquery-ui-map,Jquery,Google Maps Api 3,Jquery Ui Map,使用,我尝试使用个性化图标。 我这样做很好: $("#gmap_" + parent).gmap('addMarker', { "id": "marker-"+m.id, 'position': new google.maps.LatLng(m.lat, m.lon), 'bounds':true, 'icon': '/images/'+m.icon }) 因为我的图标只是一个url。但是我想把我所有的图标放在一个精灵中,所以我必须设置其他选项: $("#g

使用,我尝试使用个性化图标。 我这样做很好:

$("#gmap_" + parent).gmap('addMarker', { 
    "id": "marker-"+m.id,
    'position': new google.maps.LatLng(m.lat, m.lon), 
    'bounds':true,
    'icon': '/images/'+m.icon
})
因为我的图标只是一个url。但是我想把我所有的图标放在一个精灵中,所以我必须设置其他选项:

$("#gmap_" + parent).gmap('addMarker', { 
    "id": "marker-"+m.id,
    'position': new google.maps.LatLng(m.lat, m.lon), 
    'bounds':true,
    'icon': new google.maps.MarkerImage( {
        'url' : "http://crm.brunet.pro/images/markers.png",
        'origin': new google.maps.Point(m.pos, 0),
        'size' : new google.maps.Size(20, 34)
    })
})
我得到这个错误:

GET http://mysite.com/[object%20Object] 400 (Bad Request)
因此,图标选项似乎只接受字符串。但是您可以在中看到,它应该接受MarkerImage对象

我做错了什么


谢谢

MarkerImage创建时最多有五个参数,例如,
MarkerImage(myUrl,size1,point1,point2)
,但您已经将其作为一个对象参数编写

我确实认为API文档在这种情况下会令人困惑。查看以下示例:

(说明从精灵图纸加载)


没有提到大小、原点、锚定
,但您确实需要遵守API文档中给出的顺序。

创建MarkerImage时最多有五个参数,例如,
MarkerImage(myUrl、size1、point1、point2)
,但您将其作为一个对象参数编写

我确实认为API文档在这种情况下会令人困惑。查看以下示例:

(说明从精灵图纸加载)

未提及尺寸、原产地、锚点
,但您需要遵守API文档中给出的顺序

  var image = new google.maps.MarkerImage('images/beachflag.png',
  // This marker is 20 pixels wide by 32 pixels tall.
  new google.maps.Size(20, 32),
  // The origin for this image is 0,0.
  new google.maps.Point(0,0),
  // The anchor for this image is the base of the flagpole at 0,32.
  new google.maps.Point(0, 32));