Javascript 在另一个JS文件中包含JS文件
我需要一些帮助。 所以,我有一个包含地图主题的js文件。 我想将它包含到我的另一个js文件中,并调用所有主题来选择map主题 以下是我的地图主题代码:Javascript 在另一个JS文件中包含JS文件,javascript,Javascript,我需要一些帮助。 所以,我有一个包含地图主题的js文件。 我想将它包含到我的另一个js文件中,并调用所有主题来选择map主题 以下是我的地图主题代码: green_theme: [{ "featureType": "water", "elementType": "geometry", "stylers": [{ "visibility": "on"
green_theme: [{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"visibility": "on"
}, {
"color": "#aee2e0"
}]
}, {
"featureType": "landscape",
"elementType": "geometry.fill",
"stylers": [{
"color": "#abce83"
}]
}, {
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [{
"color": "#769E72"
}]
}, {
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#7B8758"
}]
}, {
"featureType": "poi",
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#EBF4A4"
}]
}, {
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [{
"visibility": "simplified"
}, {
"color": "#8dab68"
}]
}, {
"featureType": "road",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "road",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#5B5B3F"
}]
}, {
"featureType": "road",
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#ABCE83"
}]
}, {
"featureType": "road",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#A4C67D"
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#9BBF72"
}]
}, {
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [{
"color": "#EBF4A4"
}]
}, {
"featureType": "transit",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#87ae79"
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#7f2200"
}, {
"visibility": "off"
}]
}, {
"featureType": "administrative",
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#ffffff"
}, {
"visibility": "on"
}, {
"weight": 4.1
}]
}, {
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#495421"
}]
}, {
"featureType": "administrative.neighborhood",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}],
black_theme: [{
"stylers": [{
"hue": "#ff1a00"
}, {
"invert_lightness": true
}, {
"saturation": -100
}, {
"lightness": 33
}, {
"gamma": 0.5
}]
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#2D333C"
}]
}],
blue_theme: [{
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "on"
}, {
"color": "#e0efef"
}]
}, {
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "on"
}, {
"hue": "#1900ff"
}, {
"color": "#c0e8e8"
}]
}, {
"featureType": "road",
"elementType": "geometry",
"stylers": [{
"lightness": 100
}, {
"visibility": "simplified"
}]
}, {
"featureType": "road",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [{
"visibility": "on"
}, {
"lightness": 700
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"color": "#7dcdcd"
}]
}],
retro_theme: [{
"featureType": "administrative",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "poi",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "road",
"elementType": "labels",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "water",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "transit",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "landscape",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "road.highway",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "road.local",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "water",
"stylers": [{
"color": "#84afa3"
}, {
"lightness": 52
}]
}, {
"stylers": [{
"saturation": -17
}, {
"gamma": 0.36
}]
}, {
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [{
"color": "#3f518c"
}]
}]
下面是我另一个js文件的代码:
var options = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP,
//mapTypeId: google.maps.MapTypeId.HYBRID ,
mapTypeControl: true,
streetViewControl: true,
center: new google.maps.LatLng(14.435947810360242, 121.01270109415054),
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.RIGHT_BOTTOM
}
};
//refresh map
var map = new google.maps.Map(document.getElementById('map'), options);
提前谢谢 您不能包含JS文件,您可以按如下顺序将其包含到HTML文件中:
<head>
<script type="text/javascript" src="/first_js.js" ></script>
<script type="text/javascript" src="/second_js.js" ></script>
</head>
<body>
</body>
function loadScript(url, callback)
{
// Adding the script tag to the head as suggested before
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// Then bind the event to the callback function.
// There are several events for cross browser compatibility.
script.onreadystatechange = callback;
script.onload = callback;
// Fire the loading
head.appendChild(script);
}
或者,您可以通过编程方式将任何JS包含到HTML中,如下所示:
<head>
<script type="text/javascript" src="/first_js.js" ></script>
<script type="text/javascript" src="/second_js.js" ></script>
</head>
<body>
</body>
function loadScript(url, callback)
{
// Adding the script tag to the head as suggested before
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// Then bind the event to the callback function.
// There are several events for cross browser compatibility.
script.onreadystatechange = callback;
script.onload = callback;
// Fire the loading
head.appendChild(script);
}
您可以在HTML中包含两个不同的文件,并在第二个文件代码中使用第一个文件代码:
<head>
<script src="green_theme.js"></script>
<script src="main_script.js"></script>
</head>
如何包含或调用主题?比如制作一个html视图,列出该js上的所有地图主题file@JohnMichaelRivera每个主题的单个变量或多个变量中的主题数组主题的可能重复项