0

你好，我正在开发可以在谷歌地图上显示位置标记的 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>
4

1 回答 1

0

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

于 2013-02-22T06:19:31.970 回答