如何在移动谷歌地图上添加多个标记并在点击时显示内容

Question

你好，我正在开发phonegap应用程序，它可以在谷歌地图上显示位置标记。

当我点击标记时，它应该会弹出一个详细信息框，但它不起作用。

有人能帮我更正代码吗？

非常感谢

    var mobileDemo = { 'center': '57.7973333,12.0502107', 'zoom': 8 };
        ////////////////////////////////////////////////////////////
        $('#basic_map').live('pageinit', function() {
            demo.add('basic_map', function() {
                $('#map_canvas').gmap({'center': mobileDemo.center, 'zoom': mobileDemo.zoom, 'disableDefaultUI':true,
                 'callback': function() {
                    var self = this;
                    self.addMarker({'position': this.get('map').getCenter() }).click(function() {
                        self.openInfoWindow({ 'content': 'Hello World!' }, this);
                    });
                }});
                $('#map_canvas').gmap('addMarker', { position: new google.maps.LatLng(57.9973333,12.0502107)})
                           .click(function() {
                            var self = this;
                              self.openInfoWindow({ 'content': 'Hello Worl23!' }, this);
                     } )
                $('#map_canvas').gmap('addMarker', { position: new google.maps.LatLng(57.373333,12.0502107)})
                           .click(function() {
                            var self = this;
                              self.openInfoWindow({ 'content': 'Hello Worl234!' }, this);
                     } )
                }).load('basic_map');
        });
        $('#basic_map').live('pageshow', function() {
            demo.add('basic_map', function() { $('#map_canvas').gmap('refresh'); }).load('basic_map');
        });

    </script>

Answer 1

有一种更简单的方法可以使用谷歌地图api，https://github.com/HPNeo/gmaps.你需要的几乎是这样，http://hpneo.github.com/gmaps/examples/markers.html，单击标记，详细信息显示