google 地图 api地面叠加层不能显示网络图片-ASP教程-爱易网页

google 地图 api地面叠加层不能显示网络图片

日期：2014-05-17　浏览次数：20897 次

google map api地面叠加层不能显示网络图片

C# code


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="https://ditu.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
    function initialize() {
        var newark = new google.maps.LatLng(40.740, -74.18);
        var imageBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(40.716216, -74.213393),
    new google.maps.LatLng(40.765641, -74.139235));

        var myOptions = {
            zoom: 13,
            center: newark,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

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

        var oldmap = new google.maps.GroundOverlay("http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg",imageBounds);
        oldmap.setMap(map);
    }
    google.maps.event.addDomListener(window, 'load', initialize);

</script>
</head>
<body>
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

想在地图上面加一个叠加层，图片"http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg"可通过网络访问，但是不能加载到地图上；但是如果把图片保存到文件夹里边，通过"image3/img"可以正常加载。这是怎么回事哦？求解！

------解决方案--------------------
IE7，IE8，firefox4.0都可以加载，没问题

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

google 地图 api地面叠加层不能显示网络图片

相关资料更多>

推荐阅读更多>