如何在HTML5 Canvas Push Pin中添加文本 - Bing Map

Question

我正在关注来自此链接的bing map凹面示例

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 canvas pushpin类会覆盖图钉的默认模板，并将其替换为HTML5画布。您想要在图钉上显示的任何内容都必须在画布上绘制。这是一个简单的例子：

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