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

时间:2013-08-29 13:13:08

标签: javascript jquery google-maps google-maps-api-3

我使用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/

1 个答案:

答案 0 :(得分:0)

您必须使用marker.setMap(map)

我在github

上有一个很好的例子