2013-06-26 6 views
7

को दूर मैं अपने प्रोजेक्ट के साथ गूगल मैप्स का उपयोग कर रहा जैसा कि आप यहाँ देख सकते हैं (Demo)गूगल के नक्शे डिफ़ॉल्ट आदमी आइकन

बाईं शीर्ष आप आदमी आइकन दिखाई देगा और मैं आदमी आइकन निकालना चाहते ज़ूम कर सकते हैं में

और सेट ज़ूम बाईं -top मुझे क्या करना चाहिए? मैं इस पुस्तकालय js library उपयोग कर रहा हूँ और आप (देखें) स्रोत डेमो कड़ी में अन्य पुस्तकालय देख सकते हैं [3] this is my aim.look left top please

+0

क्या आपने इस समस्या को हल किया है? – fledgling

+0

@ फ़्लेडलिंग नंबर .... – user1688401

+0

कोई विकल्प? – fledgling

उत्तर

14

यह (आदमी) सड़क दृश्य और पैन नियंत्रण निकाल देना चाहिए:

var mapOptions = { 
    center: mapCenter, 
    zoom: 10, 
    panControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP  
}; 

गूगल मैप्स विकल्पों का उपयोग का उदाहरण:

var map; 
function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
+0

मै मैप विकल्प का उपयोग नहीं कर रहा हूं। मुझे इसे कहां जोड़ना चाहिए? एक ईवेंट श्रोता को बुलाओ? यह मेरा स्रोत है: व्यू-स्रोत: http: //f.hybridsoftware.net/map.htm – user1688401

+0

मैं आपके कोड से देख सकता हूं कि आप चीजों को थोड़ा अलग तरीके से कर रहे हैं जहां आप सीधे कैनवास नोड पर मानचित्र ऑपरेशन कर रहे हैं। आम तौर पर एक 'नक्शा' चर बनाया जाता है और फिर कैनवास div से जुड़ा होता है जैसा कि मैंने अपनी प्रतिक्रिया में जोड़ा उदाहरण में दिखाया गया है। सीधे कैनवास div पर विकल्प लागू करना संभव हो सकता है लेकिन मैं इससे परिचित नहीं हूं। – jdehlin

2

मुझे आशा है कि आप काम करते हैं

function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    disableDefaultUI: true, //disables controls 
    zoomControl: true,  //zoom control enables 
    zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, //enables the dimension 
    position: google.maps.ControlPosition.TOP_RIGHT //position enables 
    }, 

    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
    mapOptions); 
    } 
+0

मै मैप विकल्प का उपयोग नहीं कर रहा हूं। मुझे इसे कहां जोड़ना चाहिए? एक ईवेंट श्रोता को बुलाओ? यह मेरा स्रोत है: दृश्य-स्रोत: f.hybridsoftware.net/map.htm – user1688401

1

उपरोक्त उत्तरों आपके प्रश्न को पूरा नहीं करते हैं। इस कोशिश की वजह से लोगों के आइकन को अक्षम करने के लिए मेरे काम का कारण बन गया।

mapTypeControl:false, 
scaleControl:false, 
streetViewControl:false, 
overviewMapControl:false, 
rotateControl:false, 

आप निकालना चाहते हैं, तो सब तो इस का उपयोग करें: के रूप में आप की तरह

var mapStyles = [ {"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":20}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"on"},{"lightness":10}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":50}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#3b5998"},{"saturation":30},{"lightness":49}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#3b5998"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#3b5998"}]}, {featureType:'road.highway',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-92},{lightness:60},{visibility:'on'}]}, {featureType:'landscape.natural',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-71},{lightness:-18},{visibility:'on'}]}, {featureType:'poi',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-70},{lightness:20},{visibility:'on'}]} ]; 

परिवर्तन रंग विशेषता #:

mapTypeControl: false, 
disableDefaultUI: true, 

यदि आप शैली नक्शा रंग चाहते हैं, यह कोशिश , फिर इस शैली को अपने मानचित्र में रखें:

mapTypeId: google.maps.MapTypeId.ROADMAP, 
zoom: 9, // optional based on your requirement 
styles: mapStyles 

आप माउस शैली चाहते हैं, तो यह डाल:

marker = new google.maps.Marker({ 
icon: "/images/icon/marker123.png", // based on your dir file 
position: point, // based on your srcipt selection 
map: map 

आशा दूसरों के लिए यह उपयोगी है। :)

2

मैन आइकन को अक्षम करने के लिए, आप अपने मानचित्र विकल्पों में सड़क दृश्यवंट नियंत्रण को गलत में सेट कर सकते हैं।

streetViewControl: false 
संबंधित मुद्दे