地图加载后不显示谷歌地图上的标记

Question

我使用 jquery.ui.map 在谷歌地图上加载标记，这是我的代码的一部分：

            var ip = new google.maps.LatLng(lat, longt);


            var mapOptions = {
                zoom:     4,
                center:    ip,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }

            $('#map_canvas').gmap(mapOptions);


            var marker = $('#map_canvas').gmap('addMarker', {
                'position': ip, 
                'bounds': true,
                'title':'Your location'
            });

在加载地图时，我可以看到标记，但是当所有内容都加载完毕后，标记消失并且地图上没有显示任何标记，而我们有它们，如果你看一下这个屏幕截图，你会看到我们有标记（因为当我们将鼠标悬停在它上面时我们可以看到标记标题）但是我们看不到它...

截图：http://s15.postimg.org/5zlsbxwhn/scmap.jpg

演示页面：http://bev.dev.beardo.co/encontre/

Answer 1

你必须使用marker.setMap(map)

我在github 上有一个很好的例子