个人中心
gpt4 book ai didi

html - 带 tomcat 的 Azure Windows 服务器不显示完整的 html 页面

转载 作者：行者123 更新时间：2023-11-29 00:02:19 25 4
gpt4 key购买 nike

我写了一个显示谷歌地图的简单 html 页面，它在我的本地机器上工作，但在我将 war 文件上传到 MS Azure 云 tomcat 服务器后它不显示 map 。

在我的本地计算机上，我正在运行 Netbeans 8.0.2 和 Tomcat 8.0.15。在 Azure 上运行 Tomcat 8.0.24

这是我的代码

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Home Page</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            html, body, #map-canvas {
                margin: 0;
                padding: 0;
                height: 100%;
            }
        </style>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script>
            var map;
            var lat;
            var lon;

            function initialize() {
                var mapOptions = {
                    zoom: 13,
                    center: new google.maps.LatLng(-37.8180819, 144.968177),
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById('map-canvas'),
                        mapOptions);
            }

            google.maps.event.addDomListener(window, 'load', initialize);

            function pan() {
                getLocation();
                var panPoint = new google.maps.LatLng(lat.toString(), lon.toString());
                map.panTo(panPoint);
                
            }

            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                    x.innerHTML = "Geolocation is not supported by this browser.";
                }
            }

            function showPosition(position) {
                lat = position.coords.latitude;
                lon = position.coords.longitude;
            }

            function showError(error) {
                switch (error.code) {
                    case error.PERMISSION_DENIED:
                        x.innerHTML = "User denied the request for Geolocation."
                        break;
                    case error.POSITION_UNAVAILABLE:
                        x.innerHTML = "Location information is unavailable."
                        break;
                    case error.TIMEOUT:
                        x.innerHTML = "The request to get user location timed out."
                        break;
                    case error.UNKNOWN_ERROR:
                        x.innerHTML = "An unknown error occurred."
                        break;
                }
            }
        </script>
    </head>
    <body>
        <!--        <label>lat</label><input type="text" id="lat" />
                <br/>
                <label>lng</label><input type="text" id="lng" />-->
        <input type="button" value="Track your location" onclick="pan()" />


        <div id="map-canvas"></div>
    </body>

</html>

这是我在我的机器上运行它时看到的结果

下面的照片是我在 Azure tomcat 服务器上看到的(没有 10 rep，所以点击链接看照片，抱歉) http://i.stack.imgur.com/70AT9.jpg

只有按钮可见， map 不显示在浏览器中。 http://i.stack.imgur.com/2rMHC.png

非常感谢任何提示或评论。

最佳答案

感谢 geocodezip，我找到了问题并解决了它。我忘了在 tomcat 中重新部署我的应用程序。这是我的错误。感谢您的评论。

关于html - 带 tomcat 的 Azure Windows 服务器不显示完整的 html 页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32076203/

25 4 0
文章推荐： ios - 将 ARCamera 旋转变换应用于节点 (ARKit)
文章推荐： php - mysql_query -> mysql_fetch_array 只返回最后一个输入行
文章推荐： ios - MKTileOverlay 与 MTiles 数据库
文章推荐： php - 在 JQGrid 中动态形成查询
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com