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

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

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

1 个答案: