Javascript 如何从Google Maps V3中的include文件添加var信息_Javascript_Google Maps_Google Maps Api 3

Javascript 如何从Google Maps V3中的include文件添加var信息

javascript google-maps google-maps-api-3

Javascript 如何从Google Maps V3中的include文件添加var信息,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我想知道您是否可以像使用java中的php for Google Maps那样进行包含。我现在有这个，为我的多边形指定颜色 var lineColor = { "Tornado Warning": "#FF0000", "Severe Thunderstorm Warning": "#FFFF33", "Flash Flood Warning": "#00FF00", }; 这个列表将会变得非常非常长，所以在主代码中没

我想知道您是否可以像使用java中的php for Google Maps那样进行包含。我现在有这个，为我的多边形指定颜色

var lineColor = {
"Tornado Warning":                   "#FF0000",
"Severe Thunderstorm Warning":       "#FFFF33",
"Flash Flood Warning":               "#00FF00",
};

这个列表将会变得非常非常长，所以在主代码中没有一个很长的列表，它会非常长，而且会很混乱。我想把它放在一个单独的文件中，称之为文件。我现在有这个

// Assign colors to alerts
    var lineColor = 'xml/alertColors.html';

然后我创建了一个html文件，里面有这个

<html>
<script type="text/javascript">


{
"Tornado Warning":                   "#FF0000",
"Severe Thunderstorm Warning":       "#FFFF33",
"Flash Flood Warning":               "#00FF00",
"Flood Advisory":                    "#00FF7F",
"Special Weather Statement":         "#00FFFF",
};

</script>
</html>


{
“龙卷风警告”：“FF0000”，
“严重雷暴警告”：“FFFF33”，
“山洪暴发警告”：“00FF00”，
“洪水警告”：“00FF7F”，
“特别天气预报”：“00FFFF”，
};

这是行不通的，所以我想做的是可能的还是我做错了什么？我不习惯使用JavaScript，所以我不知道它是否与php includes的工作原理相同

-谢谢

只需创建一个名为

line\u color.js

（或任何您喜欢的

.js

）的文件，并将这些代码像

var lineColor = {
    "Tornado Warning": "#FF0000",
    "Severe Thunderstorm Warning": "#FFFF33",
    "Flash Flood Warning": "#00FF00" // don't use comma after last entry
};

在主

HTML

文件的

部分中，只需添加指向此文件的链接，如

<script type="text/javascript" src="line_color.js"></script>

因此，现在您可以使用这些设置/变量，如

<script>
    alert(lineColor['Tornado Warning']); // #FF0000
</script>


警报（lineColor['Tornado Warning']）；//#FF0000

找到了答案。我所要做的就是将整个var lineColors及其数组放在自己的.js文件中，就像我所做的那样，并像脚本上面那样调用它

我不需要添加任何其他类型的调用原始文件，因为它已经包含了它，所以当它需要在脚本中引用时，它会从包含的文件中提取整个数组。现在我有了漂亮整洁的代码，没有长数据数组

如果我像alert（lineColor['Tornado Warning']）那样做；//#FF0000那会破坏目的，因为它是多余的，不是吗？那是什么意思，这只是使用它的一个例子。我有一个谷歌地图，它解析XML文件中的数据，根据XML文件中的元素事件（大约50个事件），它将从XML中为事件元素分配var LINECLOR，以为多边形分配颜色。这是动态内容，所以它不断变化。虽然您的示例适用于静态内容，但我必须添加警报（lineColor['Tornado Warning']）；//#FF0000和之后的每个事件都可能使其冗余。我试图避免代码列表过长，而只是将var行颜色放在一个文件中，然后根据需要调用该文件来代替数组。好的，也许这有助于更好地描述它。下面是代码所在的示例映射。如果查看源代码，您将在顶部看到带有标题和颜色数组的var lineColor。由XML文件中的数据根据元素事件调用。这是一个仅包含数组的文件。我想调用var lineColor要替换数组的文件，这样脚本中就没有那么多代码了。这更有意义吗？我明白了。我所要做的就是将带有数组的var放在它自己的.js文件中，并像这样调用它，这样我就不必添加任何其他类型的调用原始文件。