2014-10-20 14 views
0

我下面從這個鏈接如何添加文本HTML5畫布圖釘內 - BingMap

http://blogs.bing.com/maps/2013/04/10/html5-canvas-pushpins-in-javascript/

我想知道是否可以添加凹圖釘內的文本冰地圖凹例子嗎?我曾嘗試過

context.font = "15px Arial"; 
context.fillText("33", 5, 50); 

但它顯示的文本不在引腳內。

我可以添加文字到正常的推針,但不知道是否有可能與凹;

var offset = new Microsoft.Maps.Point(0, 5); 
var pushpinOptions = { text : '1', visible: true, textOffset: offset}; 

回答

0

您必須畫布上的文字。 HTML5畫布圖釘類覆蓋了圖釘的默認模板,並用HTML5畫布替換它。任何你想在圖釘上顯示的東西都必須畫在畫布上。這裏有一個簡單的例子:

context.font = "30px Arial"; 
context.fillText("Hello World",10,50);