Question

我正在使用JSF 2.1，PrimeFaces 3.3.1。试图将Yandex地图放在我的页面上，以便在地图上显示事件。所以，我的xhtml：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  ...
  xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
</h:head>
<h:body>
    <ui:composition template="./Template.xhtml">
        <ui:define name="content">
            <script src="//api-maps.yandex.ru/2.0/?load=package.full;lang=ru-RU" type="text/javascript"></script>
            <script src="/js/yMapsEditableCircle.js" type="text/javascript"></script>-->
                <script type="text/javascript">
                        var myMapRes;
                        ymaps.ready(init);
                        function init() {
                            myMapRes = new ymaps.Map('resultMap', {
                                center:["#{calculatorGeo.cgm.selectedCity.latitude}", "#{calculatorGeo.cgm.selectedCity.longitude}"],
                                zoom:12
                            });
                            //taking coordinates from bean to js
                            var coords = ['#{calculatorGeo.cgm.coords}'];
                            //#{calculatorGeo.cgm.coords} - String variable containing smth like this: [54.9888,56.3434],[54.458,56.3456],...,[58.23458,55.2345]
                            var myCollection = [];
                            for (var i = 0; i<coords.length; i++) {
                                myCollection.push(new ymaps.Placemark(coords[i]));
                            }
                            var clusterer = new ymaps.Clusterer({preset: 'twirl#redClusterIcons',
                                gridSize: 100,
                                synchAdd: false,
                                minClusterSize: 2});
                            clusterer.add(myCollection);
                            myMapRes.geoObjects.add(clusterer);
                        }
                    </script>
                    <div id="resultMap" style="width:800px; height:600px; border: 1px solid"></div>
        </ui:define>
    </ui:composition>
</h:body>

javascript中for语句出错，我做错了什么？

错误文本：致命错误：元素类型“coords.length”必须后跟属性规范“＆gt;”或“/＆gt;”。

试图把js放到标签上，但也没用。

Answer 1

在编写XHTML时，您应该将script标记内的所有内容定义为CDATA：

<script type="text/javascript">
//<![CDATA[
    // Your JS-Code
//]]>
<script>

错误是因为<循环头部的for。

JavaScript中的“for”语句，JSF

1 个答案: