Я использую API Карт Google для создания пользовательского InfoWindow, содержащего содержимое таблицы Fusion. Я также хочу встраивать контент с внешнего сайта в InfoWindow, но не могу заставить код работать. Код для вставки с внешним сайта:В том числе <script> элементов в пользовательских настройках
<link type="text/css" rel="stylesheet" media="all" href="http://www.foodsecurityportal.org/sites/all/modules/tic_countries/tic_countries_widget.css" />
<div class="web-widgets-inline" id="web_widgets_inline_country_news_36">
<script src="http://www.foodsecurityportal.org/country/widget/36"></script>
</div>
Я пытаюсь встроить его в свой InfoWindow следующим образом, с внешней URL и идентификатором ссылается в моей слитой таблице. Моя проблема в том, что я не могу заставить элемент inline </script>
функционировать. Включая его в полном объеме, как </script>
предотвращает карту от нагрузки на все, при попытке разбить его (например, "<"+"/script>"
(как в приведенном ниже фрагменте кода) предотвращает встроенный скрипт работает.
Любые идеи? Пожалуйста, дайте полное объяснение, если .. возможно, как я новичок Большое спасибо
function initialize() {
map = new google.maps.Map(document.getElementById('map_canvas'), {
center: new google.maps.LatLng(10, 30),
zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
layer = new google.maps.FusionTablesLayer(tableid);
layer.setQuery("SELECT 'Country Geometry' FROM " + tableid);
layer.setMap(map);
layer2 = new google.maps.FusionTablesLayer(tableid2);
layer2.setQuery("SELECT 'Site Location' FROM " + tableid2);
layer2.setMap(map);
google.maps.event.addListener(layer, 'click', function(e) {
e.infoWindowHtml = "<div class='googft-info-window' style='font-family: sans-serif; width: 500px; height: 300px; overflow: auto;'>"
e.infoWindowHtml += "<b>" + e.row['Site Name'].value + "</b><br />"
e.infoWindowHtml += "<img src=" + e.row['Image URL'].value + "><br />"
e.infoWindowHtml += "<link type=text/css rel=stylesheet media=all href=http://www.foodsecurityportal.org/sites/all/modules/tic_countries/tic_countries_widget.css />"
e.infoWindowHtml += "<div class=" + e.row['IFPRI Ref1'].value + " style='width: 95%; height: 150px; overflow: auto;'>"
e.infoWindowHtml += "<script src=" + e.row['IFPRI Ref2'].value + "type='text/javascript'><"+"/script>"
e.infoWindowHtml += "</div></div>"
});
Это замечательно, спасибо. Работает отлично. – user1608180