Cordova + Framework7 + Gmaps.js集成(无法点击标记)

时间:2015-10-25 17:08:02

标签: javascript android jquery cordova google-maps

我创建了一个简单的Android应用,使用gmaps.js显示地图和一堆标记

myApp.onPageInit('location', function (page) {

    document.getElementById('map-canvas').setAttribute("style","height:350px");

    map = new GMaps({
          div: '#map-canvas',
          lat: 28.385234,
          lng: -81.563874
        });
    loadMarkers();
});


function loadMarkers(){
    var loc = new google.maps.LatLng(25.25,-80.80);
    createMarker(loc, "This is a place" , redMarker);

};
    function createMarker(markerLoc , title , color){

      map.addMarker({
        lat: markerLoc.lat(),
        lng: markerLoc.lng(),
        title: title,
        icon: color,
        click: function(e) {
           alert('Location: ' + title);
  }

所以,地图加载就好了。标记也都显示出来。我可以平移地图,放大&缩小。但是,没有任何东西会触发点击事件。

我查看了https://cordova.apache.org/docs/en/5.1.1/cordova/events/events.html以及Framework7文档;但是,两者都没有提到我的问题

编辑1: 我也看了这样的事情,但事件永远不会发生

$。event.special.tap = {          setup:function(){            var self = this,              $ self = $(self);

       $self.on('touchstart', function(startEvent) {
         var target = startEvent.target;

         $self.one('touchend', function(endEvent) {
           if (target == endEvent.target) {
             $.event.simulate('click', self);
           }
         });
       });
     }

};

0 个答案:

没有答案