I'm running an application in Cordova with the google maps plugin link and I need to add bookmarks with a label.
According to this tutorial link say how to do it with
Base64 Encoded Icon
Carry out the process as shown in the example, leaving the code as follows:
var canvas = document.getElementById('canvas');
var img = new Image();
img.src='./img/markermap2.png';
img.addEventListener("load", function() {
var sizeGlob = 48;
canvas.width = sizeGlob;
canvas.height = sizeGlob;
img.width = sizeGlob;
img.height = sizeGlob;
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.font = '9px Arial';
ctx.fillStyle = 'white';
ctx.drawImage(img, 0, 0,sizeGlob,sizeGlob);
ctx.fillText('$ 8000', 9, 23);
}
but when exporting the code of the image with the command canvas.toDataURL () it throws me this code:
data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFHUlEQVRoQ92af0yUdRzH33dwHCCptMaPu6LGBIMmkHcHumasFJgHTFJvGCMJqUwonBnaVhZZun5sKTKZwx8T01A0oLw7CmFmAgPuks01bbnS2KBcLR2IyPjx9DxXd90dz93zfZ7nK66ePz / P5 / v9vl + FH9 / n + z1Q4D / + KGjptxq0N9m55pDMxy7asNw2kE / iK + QJC + DzhAeiQ8LUg0KL + HtvtA3I0iB5MBtxRo5w77FSQUQDWPWaKSgUoscRwTI4ZbQPmIh8 / 3ESJYR21H0JFZMNYoCZEu + EIoUgAphp8WIgBAHEih + bnELf0BhvdaTODYZSRPuwu4Q52zaQ668n / AI0JkVGBKsDr5M0Vc + NUZBuSxFBAYidFUQyLYRKyS8AafS7WfFSnkXhIUTD / EH4BLDoNZfZ3fJRoRWkinfOSwIhCYAk + nLF04DgzYB1HtQI197xF31a4kkhfGWBH0DgmMA1K9e0NB / BUmKYVqN9MMt7TVEAiRXv49LHb4F29DlRnJA0gabmywIxwLySjXg4vwTXv2lB3batGL / zbwaMb3 + AGF0aK0KBlp1v4lpPJ / hsuvy1MBQUO4J4oeEoeo8dhLvtT / MJ9J + q85lYyQD3L1yMxM3vwr6pCAmvVeKi3YbO / dWOhe6LjEbxp83Yk5mGlJXPIiHDCHPllmm2 Oop1n51GddYiD1vZCQu + + + g3Poby1B0fWmTA NaXLA7AYtClsWvrcZ4lYkoHYtaXofvEZhCfpcS1oNi6fsThcVMEhWN / Ujv2mLCTn5ePB5IU4vW3zNFtjRSk2ne3Drqced4x7paULtaszUWY + hPj0DKhCQ3GoIBd 77JVtHajqzgHk7dHeCGIMmDWRW1QKgNqvGdI2VGD2XGJuNJcj6a9uz1eZ1d + + // PQj GzuAGWWDkc2XjhudQG8 / lUnbOW FGPv9N + kAFoOmmK3lQ3wzzElMZkvpPdhbrTi / b5fDRZusQ847H + LgmmzEpS9DamEJ2j7ZMc1WV7QSG9vtqFqqd4x79etu1K7KwMtfnHXZtrT1ouv5HEyMDEsHaHgMQWGhWo / TWHzpVkzcGsbPR2oQs7oIE / FJ4EqCe + KeXIonXirH4cIViEpcgLydVWhnAbxt + / KedpQN1wtjI7dQUm9G1TKDh43rgXOrlsjrAW6091eYi3zy9mrc7r + KWTGxaNz + Bq6ca3MtZNp9AHO1DyFApUJH7R58b20Gn41r8sVF69lDH4MLJ4 + h9 + GbR + M7bTcsDfjl5GH6ANyMSnUwUvced + xEHf38NepzZYIX4Sol5oep / XoSNTFfBvhmpf0xE / wSsyLIAfSaevbivsZfOGgCkNwPRJ2FZjoLUqPP6fR5HyA5TnMTyM0EiXgwzAh7kAvjq4j / 742MtIycUZlkz9i2m2RHbKKou4Vb0o3MOZ60lNzTe2l4DEMTUx4Zjw1VIUIdSLCherrIutSLzYJodcIDxlkAvz9fCP4udC8hhKLvdxdyD47VoPmB3bDmCweMngeJeGKAe5EF6gAzCUEqXlQGOOemlKhH1KqAq / QKZfpMYsSLBvg7C5pxth / E74cE1AqGKVhuH6wncHW5EO1C3hNK + TYIiWIYZirbPhgg5Of9XhLA3egHsaXjBJEMQBNCqnhJPUC7nOSIpwIgJxNyxVMDkAJBQzxVADEQtMRTBxCGYIaMtkGi / 6cg3U5l7UK + FrHoIhcolIEX3d / TjLr7vHcFwLnAl7rozNzvfj3DLkL6B0zSwLv8 / gKb0gtPTqI7qwAAAABJRU5ErkJggg ==
and it can be seen that the background image that is the marker is too pixelated and the image of the marker is 512 * 512
Do you know any solution about this?
I appreciate your help.