2012-07-04 15 views
5

Google मानचित्र एपीआई टच इवेंट्स का समर्थन नहीं करतामैं Google मानचित्र में मार्कर के लिए स्पर्श ईवेंट कैसे बाध्य कर सकता हूं?

लेकिन अब मुझे मानचित्र और मार्कर पर कुछ चीज करने की ज़रूरत है, जैसे नक्शा लंबे समय तक टैप करें, मार्कर टैप करें, मार्कर खींचें।

मुझे क्या करना चाहते हैं आईओएस

उत्तर

1

के लिए गूगल मैप्स ग्राहक इस लिंक में आप कई उदाहरण मिल सकता है के समान है। https://google-developers.appspot.com/maps/documentation/javascript/examples/

हाल ही में मैंने Google मानचित्र पर काम किया है, और नीचे वह कोड है जहां आप मार्कर को खींच और छोड़ सकते हैं, और यह मोबाइल वेब ब्राउज़र में सही काम करता है।

gmap : function(lat,lng){ 
      var stockholm = new google.maps.LatLng(lat, lng); 
      var parliament = new google.maps.LatLng(lat, lng); 
      var marker; 
      var map; 
      function initialize() { 
       var mapOptions = { 
        zoom: 13, 
        disableDefaultUI: true, 
        mapTypeId: google.maps.MapTypeId.ROADMAP, 
        center: stockholm 
       }; 
       map = new google.maps.Map(document.getElementById("gmapDiv"),mapOptions); 
       marker = new google.maps.Marker({ 
        map:map, 
        draggable:true, 
        animation: google.maps.Animation.DROP, 
        position: parliament 
       }); 
       var infowindow = new google.maps.InfoWindow({ 
        content: 'content' 
       }); 
       google.maps.event.addListener(marker, 'click', function(){ 
        infowindow.open(marker.get('map'), marker); 
        }); 
      } 
      initialize(); 
     } 
14

मैंने श्रद्धालुओं को श्रद्धालुओं के समान तरीके से लागू किया, लेकिन "मूसडाउन" घटना का उपयोग करके। मैंने पाया है कि एक वेबव्यू (यानी फोनगैप) में Google मानचित्र API का उपयोग करते समय मोबाइल डिवाइस पर "क्लिक" ट्रिगर नहीं किया गया है, लेकिन "mousedown" ईवेंट मोबाइल पर एक टैप या वेब पर क्लिक करके ट्रिगर किया जाता है।

window.infowindow = new google.maps.InfoWindow({ 
    content: 'content' 
}); 

google.maps.event.addListener(marker, 'mousedown', function(){ 
    window.infowindow.open(marker.get('map'), marker); 
}); 

इसके अलावा, आपके पृष्ठ पर केवल एक infowindow चर को परिभाषित करने, और यह अपने मार्कर के सभी के लिए फिर से उपयोग, इसलिए कारण है कि मैं एक "वैश्विक" चर window.infowindow के रूप में परिभाषित किया गया infowindow सुनिश्चित करें।

संबंधित मुद्दे