Question

我无法使用本地主机从我的网站加载Google地图。当搜索字符串粘贴到我的浏览器URL中时有效，但不能使用链接按钮从ASP vb代码中粘贴。第一次单击不会执行任何操作。第二次单击显示一个Google错误页面，该地址太长。我用代码尝试了各种字符串，但是没有任何效果。我是否缺少Google提供的某些功能以使其正常工作？

Answer 1

尝试一下可能会对您有所帮助。

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Show Google Map with Latitude and Longitude in asp.net website</title>
        <style type="text/css">
            html {
                height: 100%;
            }

            body {
                height: 100%;
                margin: 0;
                padding: 0;
            }

            #map_canvas {
                height: 100%;
            }
        </style>
        <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
        </script>
        <script type="text/javascript">
            function initialize() {
                var lat = document.getElementById('txtlat').value;
                var lon = document.getElementById('txtlon').value;
                var myLatlng = new google.maps.LatLng(lat, lon) // This is used to center the map to show our markers
                var mapOptions = {
                    center: myLatlng,
                    zoom: 6,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    marker: true
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
                var marker = new google.maps.Marker({
                    position: myLatlng
                });
                marker.setMap(map);
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <table>
                <tr>
                    <td>Enter Latitude:</td>
                    <td>
                        <input type="text" id="txtlat" value="13.053147716796578" />
                    </td>
                </tr>
                <tr>
                    <td>Enter Longitude:</td>
                    <td>
                        <input type="text" id="txtlon" value="80.2501953125" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="button" value="Submit" onclick="javascript: initialize()" />
                    </td>
                </tr>
            </table>
            <div id="map_canvas" style="width: 500px; height: 400px"></div>
        </form>
    </body>
    </html>

网站上的Google Maps Link不起作用

1 个答案: