Estoy tratando de mostrar/reemplazar el contenido HTML dentro de un div de acuerdo con un marcador presionado en Bing Maps. Sé que debería mirar JQuery .html() pero no puedo ver cómo puedo poner una variable dentro de las etiquetas HTML.
Código de ejemplo:
function pushpinClickedCallback(e) { if (e.target.metadata) { var data = e.target.metadata.title; <-- how to make this include the JS variable and HTML tags $('#infoPane').html(data); } // var e above is a pushpin in Bing Maps, infoPane is the divCada vez que se activa la devolución de llamada, se muestran diferentes datos. ¿Debería incluso considerar hacerlo de esta manera? ¿O debería crear un nuevo div y destruirlo cada vez (ineficiente si presiono el mismo marcador muchas veces rápidamente)?
Sus data variables contendrán una cadena. Manipule la cadena usando las funciones de cadena de JavaScript para reemplazar su cadena de título y agregue las etiquetas HTML que necesite. Por ejemplo:
var data = e.target.metadata.title; // "Pushpin title" var htmlString = "<div class=\"pin-text\">" + data + "</div>"; $("#infoPane").html(htmlString); // Replace infoPane element contents