如何在HTML5画布图钉内添加文本-BingMap

Question

我下面是这个链接中的bing映射凹面示例

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}; 

Answer 1

您必须在画布上绘制文本。HTML5画布图钉类覆盖图钉的默认模板，并将其替换为HTML5画布。要在图钉上显示的任何内容都必须绘制在画布上。这里有一个简单的例子：

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