时间戳

首页 > 解决方案 > 网站上的谷歌地图链接不起作用

asp.net - 网站上的谷歌地图链接不起作用

问题描述

我无法使用本地主机从我的网站加载 Google 地图。搜索字符串在粘贴到我的浏览器 URL 时有效，但在使用链接按钮的 ASP vb 代码中无效。第一次单击什么也不做。第二次点击显示地址太长的谷歌错误页面。我用代码尝试了各种字符串，但没有任何效果。我是否遗漏了 Google 的某些内容以使其正常工作？

标签： asp.netvb.net

解决方案

试试这个可能对你有帮助..

<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>

推荐阅读