어떻게 HTML5 캔버스 압정 내부에 텍스트를 추가 - BingMap

Question

을 나는 오목 압정 내부에 텍스트를 추가 할 수 있습니다 만약 내가 궁금이 링크

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