0

我试图使用 html5 地理位置显示谷歌地图，代码工作正常是 jsfiddle，但在我的 mvc 应用程序中，地图没有显示..在下面发布代码..这是链接 http://jsfiddle.net/PhzsR /62/

@{
ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>


<div id="results"></div>

<div id="map"></div>
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <script type="text/javascript">
var $message_area = jQuery('#results');
jQuery(document).ready(function () {
$message_area.html('<i>Locating you...</i>  ');
if (navigator.geolocation) {

    navigator.geolocation.getCurrentPosition(


    function foundLocation(position) {
        $message_area.children().remove();

        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var accuracy = position.coords.accuracy;

        var map;


        var centerPosition = new google.maps.LatLng(latitude, longitude);

        var options = {
            zoom: 12,
            center: centerPosition,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        map = new google.maps.Map($('#map')[0], options);

        var marker = new google.maps.Marker({
            position: centerPosition,
            map: map,
            icon: 'http://google-maps-icons.googlecode.com/files/sailboat-tourism.png'
        });

        var circle = new google.maps.Circle({
            center: centerPosition,
            radius: accuracy,
            map: map,
            fillColor: '#0000FF',
            fillOpacity: 0.5,
            strokeColor: '#0000FF',
            strokeOpacity: 1.0
        });




        map.fitBounds(circle.getBounds());






        $message_area.append('Your latitude: ' + latitude + ' and longitude: ' + longitude + ' and accuracy: ' + accuracy + ':')
    }, function (error) {
        switch (error.code) {
            case error.TIMEOUT:
                $message_area.append('Timeout error while finding your location');
                break;
            case error.POSITION_UNAVAILABLE:
                $message_area.append('Position unavailable error while finding your location');
                break;
            case error.PERMISSION_DENIED:
                $message_area.append('Permission denied error while finding your location');
                break;
            case error.UNKNOWN_ERROR:
                $message_area.append('Unknown error while finding your location');
                break;
        }
    });






}
});

</script>

我需要添加任何参考来显示谷歌地图吗？

4

1 回答 1

0

如果您查看小提琴上的“管理资源”选项卡，您会得到对 Google Maps API 的引用，该引用不在您上面的代码中，请确保添加

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
于 2013-02-11T10:23:40.810 回答