Bing Maps и Font Awesome 5 значков карты - Вес шрифта - PullRequest
Новая
       8

Bing Maps и Font Awesome 5 значков карты - Вес шрифта

0 голосов
/ 10 декабря 2018

Я обновляю Font Awesome 4 до Font Awesome 5, и все идет хорошо.Тем не менее, одна проблема, с которой я столкнулся, связана с моей реализацией Bing Maps.Font Awesome 5 использует разные веса шрифта для отображения разных версий одного и того же значка.Я хочу использовать твердую версию, но вес шрифта по умолчанию для кнопок Bing Maps «обычный» (400), поэтому я получаю неправильную версию на карте.

Я используюВерсия Pro со всеми доступными опциями, поэтому мне нужно различать вес шрифта только для реализации Bing Maps.(В противном случае, конечно, я мог бы просто сослаться на твердую версию значков шрифтов.)

Вот моя функция JavaScript для создания кнопок: 

CreateFontIconPushpin = function createFontPushpin(location, iconIndex, fontSizePx, color) {
    var text = mapSettings.mapIcons[iconIndex];
    var fontName = "'Font Awesome 5 Pro'";
    var c = document.createElement('canvas');
    var ctx = c.getContext('2d');

    //Define font style
    var font = fontSizePx + 'px ' + fontName;
    ctx.font = font

    //Resize canvas based on sie of text.
    var size = ctx.measureText(text);
    c.width = size.width;
    c.height = fontSizePx;

    //Reset font as it will be cleared by the resize.
    ctx.font = font;
    ctx.textBaseline = 'top';
    ctx.fillStyle = color;

    ctx.fillText(text, 0, 0);

    return new Microsoft.Maps.Pushpin(location, {
        icon: c.toDataURL(),
        anchor: new Microsoft.Maps.Point(c.width / 2, c.height / 2) //Align center of pushpin with location.
    });
}

Я не знаю, еслиэто важно или нет, но это страница, над которой я работаю.https://www.mshsaa.org/About/MemberSchools.aspx?view=map

Заранее спасибо.

...