2011-01-26 22 views
6

मैं Google मानचित्र में अपना मार्कर कैसे बदल सकता हूं। क्या हमारे custome छवि को मानचित्र में जोड़ना संभव है?Google मानचित्र मार्कर बदलें

धन्यवाद, साथी

+2

स्पष्ट प्रश्न पूछने से पहले कृपया दस्तावेज़ पढ़ें। – ifaour

उत्तर

18

यह वास्तव में सरल है - सीधे गूगल डॉक्स

var image = 'beachflag.png'; 
var myLatLng = new google.maps.LatLng(-33.890542, 151.274856); 
var beachMarker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    icon: image 
}); 

यदि आप और अधिक जटिल सामान करना चाहता हूँ से http://code.google.com/intl/en-US/apis/maps/documentation/javascript/overlays.html#SimpleIcons

उदाहरण देखें, तो आप भी Googles विस्तार कर सकते हैं ओवरले कक्षाएं और कस्टम प्रतिपादन प्रदर्शन ...

0

हाँ आप सबसे निश्चित रूप से कर सकते हैं:

इस

var map = new GMap2(document.getElementById("YOUR MAP ID")); 

var icon = new GIcon(); 
icon.image = "IMAGE PATH - RELETIVE OR ABSOLUTE"; 
icon.iconSize = new GSize(25, 30); 
icon.iconAnchor = new GPoint(6, 20); 

var marker = new GMarker(new GLatLng(Latitude, Longitude), { draggable: false, title: YOURTITLEHERE, icon: icon }); 
map.addOverlay(marker); 
+0

आपकी मदद के लिए धन्यवाद, मैंने आपका कोड जोड़ा है लेकिन अब मुझे दो मार्कर, डिफॉल्ट बालन मार्कर और कस्टम मार्कर मिला है। मैं डिफ़ॉल्ट मार्कर कैसे हटा सकता हूं। – user232751

+0

आप अपना डिफ़ॉल्ट मार्कर कैसे जोड़ते हैं? क्या आप अपना कोड शामिल करने के लिए अपना प्रश्न संपादित कर सकते हैं? –

+0

नमस्ते, मैंने पहले से ही अपने मार्कर पर एक छवि संलग्न की है, लेकिन जब मैं एक कस्टम आइकन के साथ मार्कर बदलता हूं, तो मार्कर पर क्लिक करते समय छवि दिखाई नहीं दे रही है। क्या आपको पता है कि समस्या क्या है? – user232751

1

यहाँ एक तरह से मैं Google का डिफ़ॉल्ट मार्कर के स्थान पर अपने खुद के कस्टम-डिजाइन मार्कर का उपयोग करने के लिए उपयोग का प्रयास करें।

var icon = new GIcon(); 
     icon.image = "http://yourwebsite.com/logo.png"; 
     icon.shadow = "http://youwebsite.com/shadow.png"; 
     icon.iconSize = new GSize(50, 28); 
     icon.shadowSize = new GSize(68, 28); 
     icon.iconAnchor = new GPoint(37, 59); 
     icon.infoWindowAnchor = new GPoint(31, 8); 

दोनों iconSize और shadowSize यदि आवश्यक हो तो के लिए GSize समायोजित करें:

कोड की इस पंक्ति जोड़ें। कोष्ठक में पहला नंबर आपके मार्कर की चौड़ाई को परिभाषित करता है और दूसरा नंबर ऊंचाई (पिक्सल में दोनों) को परिभाषित करता है।

अब, कोड के इस पंक्ति जोड़ें:

function createMarker(point, name, address) 

आशा है कि मदद करता है:

var marker = new GMarker(point, icon); 

बस इस लाइन के बाद! आप http://icode4you.net/developing-a-custom-store-locator-map-using-your-own-custom-markers-instead-of-googles-default-markers पर इस बारे में एक ब्लॉग पोस्ट देख सकते हैं, यदि आपके कोई प्रश्न या समस्या हैं तो बस एक टिप्पणी छोड़ दें।

0

गूगल मानचित्र एपीआई V2 से, यह भी डॉन आसानी से वस्तु MarkerOptions साथ हो सकता है:

map.addMarker(new MarkerOptions() 
     .position(new LatLng(...your_lat... , ...your_long...)) 
     .title("marker title") 
     .icon(BitmapDescriptorFactory 
      .fromResource(R.drawable.custom_icon))); 

आशा इस मदद करता है!

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