标签: google.load

我正在尝试异步添加谷歌可视化,但我遇到了问题.我把它缩小到google.load导致问题.当google.load部分js运行时,我得到一个空屏幕/ dom.任何人都知道我做错了什么.

我也试过使用google.setOnLoadCallback,我得到了相同的结果.

任何帮助都会很棒

相关代码:

    $(document).ready(function () {
google.load('visualization', '1', { 'packages': ['geomap'] }, { 'callback': drawVisualization });


                function drawVisualization() {
                   $.ajax({
                        type: "POST",
                        data: "{'monitorId':'" + monitor + "','monitorName':'" + name + "','context':'" + context + "'}",
                        dataType: "json",
                        url: "WebService.asmx/LoadMonitorToolGeo",
                        contentType: "application/json; charset=utf-8",
                        processData: true,
                        success: function (msg) {

                            var obj = jQuery.parseJSON(msg.d);


                            // $(msg.d).hide().appendTo("#sortable").fadeIn();
                            $("#" + obj.context).find(".toolContent").hide().html(obj.data).fadeIn();

                            DrawWorldMap(obj.map, obj.context);

                        },
                        error: function (req, status, error) {

                        },
                        complete: function (req, status) {


                        }
                    });



function DrawWorldMap(response, id) …

我试图使用google.loader.ClientLocation和maps api来获取访问者的位置并将地图置于其中心.以下对我来说很好(在Safari,Firefox和Chrome上),但是我测试它的朋友(在Safari和Firefox中)只看到一个带有Google徽标的白色框.

 <script type="text/javascript" src="http://www.google.com/jsapi?key=MykeyHere"></script>

  <script type="text/javascript">
   google.load("maps", "2");
  </script>

  <script type="text/javascript"> 

      function initialize() {
        if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("local_map"));
    map.setMapType(G_PHYSICAL_MAP);
    map.setCenter(new GLatLng(google.loader.ClientLocation.latitude, google.loader.ClientLocation.longitude), 15);
          // map.setCenter(new GLatLng(54.5975, -5.920278), 15);
          map.setUIToDefault();

        } 

      </script>

什么想法可能会出错？该网站位于http://www.chris-armstrong.com/ticktalk(地图靠近底部)

我正在使用jquery UI div在悬停时向上滑动.它本身工作正常,但我也遇到了麻烦,当它<script src="http://www.google.com/jsapi" type="text/javascript"></script>也安装时,(我正在将它用于.load页面上其他地方的某些内容)如果我删除任何一个脚本它们工作正常,但是jquery UI一起停止工作.

这些是我正在使用的脚本 - 任何关于这个的最佳方法的想法？提前致谢.

<script src="http://www.google.com/jsapi" type="text/javascript"></script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>