Google मानचित्र

Question

पर हवा की दिशा दिखाएं मैंने हवा की दिशा की गणना की और अब मैं हवा की दिशा 144 डिग्री (कंपास पर) को इंगित करना चाहता हूं। मैं Google मानचित्र पर यह तीर कैसे दिखा सकता हूं?

Answer 1

1. आदेश में एक गूगल मानचित्र पर एक तीर दिखाने के लिए आप एक Rich Marker है कि एक छवि एम्बेड google-maps-utility-library-v3 का उपयोग कर बना सकते हैं में,
2. अगला css3 tranformations के साथ छवि तत्व को डिग्री में एक रोटेशन लागू होते हैं।

उदाहरण में:

 

// content element of a rich marker 
var richMarkerContent = document.createElement('div'); 

// arrow image 
var arrowImage   = new Image(); 
arrowImage.src   = 'http://www.openclipart.org/image/250px/' + 
          'svg_to_png/Anonymous_Arrow_Down_Green.png'; 

// rotation in degree 
var directionDeg   = 144 ; 

// create a container for the arrow 
var rotationElement  = document.createElement('div'); 
var rotationStyles  = 'display:block;' + 
          '-ms-transform:  rotate(%rotationdeg);' + 
          '-o-transform:  rotate(%rotationdeg);' + 
          '-moz-transform:  rotate(%rotationdeg);' + 
          '-webkit-transform: rotate(%rotationdeg);' ; 

// replace %rotation with the value of directionDeg 
rotationStyles   = rotationStyles.split('%rotation').join(directionDeg); 

rotationElement.setAttribute('style', rotationStyles); 
rotationElement.setAttribute('alt', 'arrow'); 

// append image into the rotation container element 
rotationElement.appendChild(arrowImage); 

// append rotation container into the richMarker content element 
richMarkerContent.appendChild(rotationElement); 

// create a rich marker ("position" and "map" are google maps objects) 
new RichMarker(
    { 
     position : position, 
     map   : map, 
     draggable : false, 
     flat  : true, 
     anchor  : RichMarkerPosition.TOP_RIGHT, 
     content  : richMarkerContent.innerHTML 
    } 
);