如何使用BING MAPS中的標題旋轉圖釘？

我想根據必應地圖上的標題旋轉我的pushPin（標記）。代碼是：如何使用BING MAPS中的標題旋轉圖釘？

var location = new Microsoft.Maps.Location(data[index].latitude, data[index].longitude); 
    var pushpinOptions = { 
     icon: "/images/carMarker.png", 
     width: 50, 
     height: 50, 
     anchor: new Microsoft.Maps.Point(10, 40), 
     typeName: 'carMarker' 
    }; 
    map.entities.remove(carPin); 
    carPin = new Microsoft.Maps.Pushpin(location, pushpinOptions); 
    map.entities.push(carPin);

我能夠在地圖上畫出標記，但我無法旋轉標記。請任何人幫忙。謝謝。

來源

2016-01-11 Ishaan Nigam

關於openlayer動畫的問題已經固定了的jsfiddle演示http://stackoverflow.com/questions/20410175/drawing-animated-openlayers-linestring-path/20481018?noredirect=1#comment58636849_20481018 –

如果你的目標是支持CSS3的瀏覽器，你可以使用transform屬性，請參閱：http://www.w3schools.com/cssref/css3_pr_transform.asp

.carMarker { 
    -ms-transform: rotate(45deg); /* IE 9 */ 
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ 
    transform: rotate(45deg); 
}

如果你沒有，那麼你就必須產生N個版本的圖標和變化它在icon屬性中，並將錨點更改爲位於中心或您的常用圖標。

參見，Cross browser way to rotate image using CSS?

來源

2016-01-11 14:49:13

如何通過js改變這個旋轉？ –

使用JS，你會想要使用htmlContent作爲圖釘，然後以具有旋轉值的內嵌樣式值編程生成HTML。看看這些例子：https：//blogs.bing.com/maps/2013/04/10/html5-canvas-pushpins-in-javascript/ https://blogs.bing.com/maps/2015/02/05/- 基於可視化點 - 商業智能數據上冰，圖/ – rbrundritt

如何使用BING MAPS中的標題旋轉圖釘？

回答

相關問題