У меня есть приложение Google Maps в javascript с маркерами, которые, когда вы нажимаете на них, текст, сохраненный в базе данных MySQL, отображается в теге DIV, как в этом видео: https://youtu.be/VtcxLoAG7Wk
Проблема в том, что этот текст отображается без разрывов, когда он есть. Даже в базе данных, как вы видите на видео, сохраненный текст по-прежнему имеет формат.
Поэтому мой вопрос заключается в том, как отобразить этот текст, сохраняя текстовый формат, как вы можете видеть в коде, который я использовал на картах Google, это делается с помощью синтаксического анализа xml.
<script type="text/javascript">
//<![CDATA[
var name;
var html;
var type;
var lat;
var point;var customIcons = {
restaurant: {
icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png'
},
bar: {
icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png'
}
};
function load() {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(48.1351, 11.5820),
zoom: 5,
mapTypeId: 'roadmap'
});
var infoWindow = new google.maps.InfoWindow;
// Change this depending on the name of your PHP file
downloadUrl("phpsqlajax_genxml.php", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var html = "<b>" + name + "</b> </text> <br/>" + address;
var icon = customIcons[type] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
});
bindInfoWindow(marker, map, infoWindow, html, name);
}
});
}
function bindInfoWindow(marker, map, infoWindow, html, name, downloadUrl) {
google.maps.event.addListener(marker, 'click', function() {
// infoWindow.setContent(html);
// infoWindow.open(map, marker);
var textillo = document.getElementById("mensaje").innerHTML = name;
});
}
тогда основная функция, отображающая маркеры на карте, вызывает другой код:
<?php
require("dbinfo.php");
function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','<',$htmlStr);
$xmlStr=str_replace('>','>',$xmlStr);
$xmlStr=str_replace('"','"',$xmlStr);
$xmlStr=str_replace("'",''',$xmlStr);
$xmlStr=str_replace("&",'&',$xmlStr);
return $xmlStr;
}
// Opens a connection to a MySQL server
$connection=mysql_connect ('localhost', $user, $pass);
if (!$connection) {
die('Not connected : ' . mysql_error());
}
// Set the active MySQL database
$db_selected = mysql_select_db($db, $connection);
if (!$db_selected) {
die ('Can\'t use db : ' . mysql_error());
}
// Select all the rows in the markers table
$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
header("Content-type: text/xml");
// Start XML file, echo parent node
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['name']) . '" ';
echo 'address="' . parseToXML($row['address']) . '" ';
echo 'lat="' . $row['lat'] . '" ';
echo 'lng="' . $row['lng'] . '" ';
echo 'type="' . $row['type'] . '" ';
echo '/>';
}
// End XML file
echo '</markers>';?>
Чтобы просто «сохранить» новые строки, вы можете преобразовать новые строки из вашей базы данных в теги br в HTML с помощью PHP-функция nl2br.
Вот так:
<?php
$yourText = 'text gotten from
database';
echo nl2br($yourText);
Других решений пока нет …