读书人
栏目▼

google 地图s api key的申请

发布时间： 2013-07-11 15:38:46 作者： rapoo

google maps api key的申请
近期在做google maps 这快 我用本地的ip申请了一个key 可以显示地图 之后 要发布到服务器上 我按照网上的申请方法 在console里面 通过公司网站的域名申请了key 但是在服务器上不能显示 提示说这个网址需要一个不同的google maps key
我在想是不是v2版本的停用后 申请的key就用不成了 或者是我用的域名是不正确的 我是通过www.ebelter.com申请的 也通过ebelter.com申请 也通过*.ebelter.com/*来申请 甚至是通过google 地图所在模块的url进行申请 但无一例外加载google maps的时候 显示需要一个不同的google maps key

我也想过换成版本v3 但是通过改为v3 再次用域名申请key 也还是弹出上述提示

我现在都怀疑是不是域名错误 还是我申请错误 我这里做的是pc端的google maps 望各位有此经验的大侠们指点一下 比较无语 Google?Maps 域名 key??v2
[解决办法]
google map 从v2升级到v3后就不需要key了
代码你在网上一搜一大把，给个你先参考吧！
http://blog.csdn.net/del1214/article/details/6768605
[解决办法]
下面是我很久以前写的代码，不知道能不能帮到你！马马虎虎先看看吧！


<link href="http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=false" /> 
<script type="text/javascript">
    function initialize() {
        var myOptions = {
          zoom: 13,
          center: new google.maps.LatLng(22.575004,113.957309),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };        
        var map = new google.maps.Map(document.getElementById('dituContent'),
            myOptions);
            
        //machao 添加标记
        var myLatLng = new google.maps.LatLng(22.575004,113.957309);     
 
        var marker = new google.maps.Marker({
            position:myLatLng,map:map,title:"歌蓝图家具"
        });
        
        var zoomLevel;
        //显示图片
        var showImg = "<img src='${request.getContextPath()}/images/face-smile.png' />"+"<span><font size='6' color='blue'>歌蓝图家具</font></span>";
        var infowindow = new google.maps.InfoWindow({
            content:showImg,
            size:new google.maps.Size(50,50),
            position:myLatLng
        });
        infowindow.open(map);
    google.maps.event.addListener(marker,'click',function(){
            infowindow.open(map);
        });       
      }
      google.maps.event.addDomListener(window, 'load', initialize);

</script>
<div id="dituContent" style="border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; width: 697px; border-bottom: #ccc 1px solid; height: 550px"> </div>

[解决办法]
V3不需要key
[解决办法]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>google map V3</title>
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false"> </script>
</head>

<body>
<div id="map_canvas" style="width:1030px; height:501px;"></div>
<script>

function initialize() { 
 
  var mapOptions = {
    zoom:5,
    center: new google.maps.LatLng(33.43144, 109.77539000000002),
    mapTypeId: google.maps.MapTypeId.HYBRID
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

//  map.overlayMapTypes.insertAt(0, google.maps.MapTypeId.ROADMAP);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>

[解决办法]
引用:
不是 我想问问v2不能开发了吗 主要是我开始做的时候 就用的是v2 已经写了很多代码了 很多逻辑都实现了 改为v3 改动有点大 按照哪个步骤 申请key 应该没问题吧 不过还是要谢谢
申请的时候只用域名的根目录就可以了，这样整个网站都可以使用这个key，不过v2如果停用了，你的网站怎么办？
[解决办法]
V3不需要key
[解决办法]
引用:
Quote: 引用:

Quote: 引用:

不是 我想问问v2不能开发了吗 主要是我开始做的时候 就用的是v2 已经写了很多代码了 很多逻辑都实现了 改为v3 改动有点大 按照哪个步骤 申请key 应该没问题吧 不过还是要谢谢
申请的时候只用域名的根目录就可以了，这样整个网站都可以使用这个key，不过v2如果停用了，你的网站怎么办？


你好 能再请教一个问题吗 就是我现在已经改为v3了 但是多marker与多信息之间没有解决 以前在v2中 通过marker.bindInfoWindowHtml(label)进行各自的绑定，但是v3中现在marker没有这个方法了
是那个信息框吗
[解决办法]
引用:
下面是我很久以前写的代码，不知道能不能帮到你！马马虎虎先看看吧！


<link href="http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=false" /> 
<script type="text/javascript">
    function initialize() {
        var myOptions = {
          zoom: 13,
          center: new google.maps.LatLng(22.575004,113.957309),
          mapTypeId: google.maps.MapTypeId.ROADMAP 
 
        };        
        var map = new google.maps.Map(document.getElementById('dituContent'),
            myOptions);
            
        //machao 添加标记
        var myLatLng = new google.maps.LatLng(22.575004,113.957309);    
        var marker = new google.maps.Marker({
            position:myLatLng,map:map,title:"歌蓝图家具"
        });
        
        var zoomLevel;
        //显示图片
        var showImg = "<img src='${request.getContextPath()}/images/face-smile.png' />"+"<span><font size='6' color='blue'>歌蓝图家具</font></span>";
        var infowindow = new google.maps.InfoWindow({
            content:showImg,
            size:new google.maps.Size(50,50),
            position:myLatLng
        });
        infowindow.open(map);
    google.maps.event.addListener(marker,'click',function(){
            infowindow.open(map);
        });       
      }
      google.maps.event.addDomListener(window, 'load', initialize);

</script>
<div id="dituContent" style="border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; width: 697px; border-bottom: #ccc 1px solid; height: 550px"> </div>


学习了
[解决办法]
引用:
Quote: 引用:

Quote: 引用:

不是 我想问问v2不能开发了吗 主要是我开始做的时候 就用的是v2 已经写了很多代码了 很多逻辑都实现了 改为v3 改动有点大 按照哪个步骤 申请key 应该没问题吧 不过还是要谢谢

申请的时候只用域名的根目录就可以了，这样整个网站都可以使用这个key，不过v2如果停用了，你的网站怎么办？


你好 能再请教一个问题吗 就是我现在已经改为v3了 但是多marker与多信息之间没有解决 以前在v2中 通过marker.bindInfoWindowHtml(label)进行各自的绑定，但是v3中现在marker没有这个方法了 
 var infowindow = new google.maps.InfoWindow({   
        content:html//要显示的内容
    });   
    //打开标注窗口   
    infowindow.open(map,marker);

读书人网 >Java Web开发

热点推荐

触屏版 | 电脑版

读书人网 m.reader8.net