Question

我有一个简单的MVC应用程序，我希望从谷歌地图中动态显示位置。

我在此文件中收到此错误----

未处理的例外，位于https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

的第16行第59007行

0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法＆＃39; getElementsByTagName＆＃39;

View页面包含带有javaScript代码的简单html和一些包含的javaScript文件----

      <!DOCTYPE html>
      <html>
      <head>
      <title></title>
      <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
      <link  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <h1>Google Maps </h1>
    <div align="left">
    <input type="text" value="" id="searchbox" style="  width:800px;height:30px; font-size:10px; margin-top: 7px;">
    </div>
    <div align="left" id="map" style="width:800px; height: 600px; margin-top: 10px;">

   </div>

   </body>
   </html>
   <script type="text/javascript">
    $(document).ready(function () {

     var mapOptions = {
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: new google.maps.LatLng(41.06000, 28.98700)
             };

    var map = new google.maps.Map(document.getElementById("map"), mapOptions);

    var geocoder = new google.maps.Geocoder();

    $(function () {
        $("#searchbox").autocomplete({

            source: function (request, response) {

                if (geocoder == null) {
                    geocoder = new google.maps.Geocoder();
                }
                geocoder.geocode({ 'address': request.term }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {

                        var searchLoc = results[0].geometry.location;
                        var lat = results[0].geometry.location.lat();
                        var lng = results[0].geometry.location.lng();
                        var latlng = new google.maps.LatLng(lat, lng);
                        var bounds = results[0].geometry.bounds;

                        geocoder.geocode({ 'latLng': latlng }, function (results1, status1) {
                            if (status1 == google.maps.GeocoderStatus.OK) {
                                if (results1[1]) {
                                    response($.map(results1, function (loc) {
                                        return {
                                            label: loc.formatted_address,
                                            value: loc.formatted_address,
                                            bounds: loc.geometry.bounds
                                        }
                                    }));
                                }
                            }
                        });
                    }
                });
            },
            select: function (event, ui) {
                var pos = ui.item.position;
                var lct = ui.item.locType;
                var bounds = ui.item.bounds;

                if (bounds) {
                    map.fitBounds(bounds);
                }
            }
        });
    });
});

Answer 1

您可以在项目中包含jquery migrate js文件来解决此问题。 http://code.jquery.com/jquery-migrate-1.2.1.js

Answer 2

我希望我可以将此作为评论，但我没有足够的代表......

0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法＆＃39;显示＆＃39;

上面的错误让我想到了这个问题，当我没有找到答案的时候，我再次看了一遍，答案就简单得多了 - 我错过了键入＆＃39; show＆＃39;作为＆＃39;显示＆＃39;。

$（＆＃39;＃会员＆＃39）。最近的（＆＃39; .FORM组＆＃39）。显示（）;

我把它改回小写＆＃39; - .show（） - 我希望这能提醒其他人。

Answer 3

我添加了最简单的jquery版本并解决了问题...

就像...... “ jquery-1.10.2.js” 。 ..

0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法＆＃39; getElementsByTagName＆＃39;

3 个答案: