2012-08-12 18 views
6

गूगल मानचित्र एपीआई का उपयोग में क्लिक करने योग्य सक्षम करें, मैं कैसे क्लिक किया जा सकता है और एक infowindow में बस संख्या सेवाओं को दिखाने के लिए बस स्टॉप माउस सेट कर सकते हैं? मैं Google मानचित्र साइट में देख सकता हूं, यह सक्षम है। लेकिन जब मैप एपीआई का उपयोग करके अपना खुद का कोड बनाता हूं, तो ऐसा लगता है कि यह डिफ़ॉल्ट रूप से अक्षम है?बस स्टॉप प्रतीक गूगल मैप्स

मैं अपने आप को स्पष्ट नहीं बना रहा हूं, तो कृपया छवि लिंक देखें।

https://dl.dropbox.com/u/46360728/diff.maps.png

बाईं तरफ maps.google.com साइट में नक्शा है, जबकि सही पर गूगल मैप्स के अपने कार्यान्वयन है। जैसा कि आप देख सकते हैं, मैं अन्य स्क्रीनशॉट के विपरीत मेरे कार्यान्वयन के बस स्टेशन पर क्लिक नहीं कर सकता।

किसी भी मदद की बहुत सराहना की जाएगी।

+0

हे साथी एसस्पोरियन। मुझे लगता है कि मुझे एक ही समस्या का सामना करना पड़ रहा है। अगर मुझे कुछ मिल जाए तो अपडेट हो जाएगा। – mauris

उत्तर

2

अभी के लिए आप इसे काम करने के लिए नहीं मिल सकता है। यह gmap के एपीआई में एक 'स्वीकार' बग है: https://code.google.com/p/gmaps-api-issues/issues/detail?id=145

आपको लगता है कि API साइट पर अपने सरकारी पारगमन परत कोड डेमो में ध्यान देंगे, वहाँ भी कोई अन्तरक्रियाशीलता है: https://developers.google.com/maps/documentation/javascript/examples/layer-transit

+0

क्या मैं आपसे स्पष्टीकरण मांग सकता हूं? किस तरह से मेरा उत्तर का जवाब देने में असफल है "गूगल मानचित्र एपीआई का उपयोग करना, मैं कैसे को क्लिक करने योग्य बस स्टॉप माउस सेट कर सकते हैं?" – PBoillot

+0

क्षमा करें, मैं कुछ विफल रहा। –

1

आप बस स्टेशन नाम, आईडी और निर्देशांक प्राप्त कर सकते हैं, और उसके बाद किसी अन्य एपीआई के साथ बस स्टॉप के बारे में जानकारी मिलती है। यहां कोड है:

var overlay; 
overlay = new google.maps.OverlayView(); 
overlay.draw = function() {}; 
overlay.setMap(map); 

$('#map-canvas').click(function(event){ 
    var point = new google.maps.Point(event.pageX,event.pageY); 
    var location = overlay.getProjection().fromContainerPixelToLatLng(point); //get map coordinates by click 

    var request = { 
     location: location, 
     types: ['bus_station','subway_station'], //get bus stops and metro stations 
     radius: 10, 
    }; 
    placesService = new google.maps.places.PlacesService(map); 
    placesService.search(request, function(result, status, pagination){ 
     station = result[0]; 
     if(typeof station != 'undefined'){ 
     pos = station.geometry['location']; //position 
     bus_no = station.name.match(/\[([0-9]+)\]/i)[1]; //get ID by name 
     alert(bus_no); // ID 
     } 
    }); 
    }); 
संबंधित मुद्दे