image base64 in score in plugin google maps cordova

0

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.

    
asked by Jhonatan Rodriguez 05.04.2018 в 19:01
source

0 answers