GVKun编程网logo

javascript – 谷歌地图没有显示(谷歌地图无法显示)

15

本文将分享javascript–谷歌地图没有显示的详细内容,并且还将对谷歌地图无法显示进行详尽解释,此外,我们还将为大家带来关于android–谷歌地图没有显示在签名的apk中、javascript–

本文将分享javascript – 谷歌地图没有显示的详细内容,并且还将对谷歌地图无法显示进行详尽解释,此外,我们还将为大家带来关于android – 谷歌地图没有显示在签名的apk中、javascript – 与经过验证的位置进行交互? – 谷歌地图、javascript – 允许用户在谷歌地图上放置标记、javascript – 刷新谷歌地图阻止了添加标记的能力的相关知识,希望对你有所帮助。

本文目录一览:

javascript – 谷歌地图没有显示(谷歌地图无法显示)

javascript – 谷歌地图没有显示(谷歌地图无法显示)

我有一张不会显示的Google地图. FF&中的问题似乎是相同的. Chrome,但在IE中更糟糕“(总是最新版本).

在FF& Chrome我的位置有问题:相对; css元素样式.一旦切换到(使用开发工具)position:absolute(或:fixed);在FF中一切都很好.在Chrome中,地图仅显示上限30%(从顶部开始).

在IE中,地图甚至没有加载.

这是来自< head>的脚本内容.内容仅用于测试,并不代表任何内容.
注意:我只使用它来加载地图.这将在稍后交换.

<!-- Script inside <head> tag -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?
        file=api&amp;
        v=2&amp;
        key=<?PHP echo self::GOOGLE_API_KEY; ?>&amp;
        sensor=false">
    </script>
    <script type="text/javascript">
    function initialize() 
    {
        var startpos = new google.maps.LatLng( 50.978056,11.029167 );
        var ops = { 
             zoom:      6,center:    startpos,mapTypeId: 
                 google.maps.MapTypeId.ROADMAP,tileSize: new google.maps.Size( 256,256 )
        }
        var map = new google.maps.Map( document.getElementById("map_canvas"),ops );
        var pos1 = new google.maps.LatLng( 50.7510776,12.4820724 );
        var contentString1 = '<div align="left" dir="ltr"><h3>test</h3>testen</div>';
        var infowindow1 = new google.maps.InfoWindow( {
             content:   contentString1,maxWidth:  5
        } );
        var marker1 = new google.maps.Marker( { 
             position:  pos1,map:       map,title: 'test' 
        } );
        google.maps.event.addListener(
             marker1,'click',function() { 
                infowindow1.open( map,marker1 );
            }
        );
    }
    </script>

这是页面的整个标记.

<!-- html markup - There *really* isn't anything else -->
<body onload="initialize()">
<div id="map_canvas"></div>
</body>

我在google上花了很多时间而没有找到任何东西.有任何想法吗?谢谢!

解决方法

html,身体应该是身高:100%;

但请记住,如果你的地图持有人元素是另一个元素的子元素,那么该元素也应该具有高度:100%;

否则,只设置html和body对你没有任何好处.

一个例子来解释我的观点:

<html>
<head>
  <style>
      html,body { height:100%; }
  </style>
</head>
<body>

<div id="wrapper">
     <div id="google-map-holder"></div>
</div>

</body>
</html>

所以,如果你正在做类似上面的事情.高度:100%;不会在这里工作.

为了完成这项工作,你必须对#google-map-holder所有的父母做同样的事情,在这种情况下我们会增加高度:100%;到#wrapper元素.

如果,#google-map-holder元素直接位于#wrapper元素之外,并且直接然后只是做html,身体的子节点就足够了.

android – 谷歌地图没有显示在签名的apk中

android – 谷歌地图没有显示在签名的apk中

我知道这是一个常见问题,通常解决方案是生成一个单独的密钥以便发布.我已经完成了几次,我在开发人员控制台中的API密钥包含两个不同的SHA1指纹:一个用于从AndroidStudio调试,另一个用于从我自己的密钥库发布.我已使用相同的密钥库对应用进行了签名,并在控制台中启用了Google Maps Android API v2.但是地图活动仍然只显示左下角带有“Google”的白色屏幕.

有什么建议如何解决这个问题?

解决方法:

听起来您只在调试google_maps_api.xml中输入了API密钥.此外,听起来您使用相同的API密钥进行调试和发布,但您仍需要在release文件夹下的google_maps_api.xml以及debug文件夹中输入它.

这有点令人困惑,因为当项目处于Android视图中时,您只能看到调试文件(尽管它应该在该视图旁边的括号中有(调试)).

要修改发行版本,请使用Project Explorer左上角的下拉列表切换到Project视图.然后,展开app / src /,您将看到子文件夹调试和发布.在那里,您应该在debug / res / values和release / res / values下看到两个单独的google_maps_api.xml文件.

确保API密钥填充在release / res / values文件夹下的google_maps_api.xml文件中,因为这是将用于签名版本apk的API密钥.

javascript – 与经过验证的位置进行交互? – 谷歌地图

javascript – 与经过验证的位置进行交互? – 谷歌地图

好的,所以这些天在Google地图上标记了很多商家.

但我不能以任何方式与这些互动.

这是我的信息:

venue name: Ministry of Sound

address: 103 Gaunt Street London,SE1 6DP

谷歌的地理位置只给了我

>坐标(纬度,长度)
>格式化地址

我想要一个应用程序来访问此页面 – > Ministry of Sound – Google Page

我想要:

>添加评论(例如Qype,ViewLondon,Frommers这样的网站!)
>添加照片和视频
>添加其他内容

我还想:

>如果可能,自动将地址链接到商家

eg. if the business shares the same address

编辑:

SilentGhost说“谷歌只是索引和汇总来自网站的信息”

如果在网站上获取评论和信息的唯一方法是将其编入索引…

如何告诉Google我的网站包含的内容:

>场地照片
>场地的评论
>有关场地的信息?

非常感谢帮助.谢谢!

总结

以上是小编为你收集整理的javascript – 与经过验证的位置进行交互? – 谷歌地图全部内容。

如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。

javascript – 允许用户在谷歌地图上放置标记

javascript – 允许用户在谷歌地图上放置标记

我正在寻找一种方法,允许用户在Google地图上放置标记,然后获取坐标,以便我可以通过电子邮件将其发送给用户.

是否可以允许用户动态执行此操作?我已经看过here并且明白我可以使用经度和纬度来做到这一点.因此,使用上述方法可以从用户点击获得经度和纬度吗?

解决方法

我认为 This较旧的帖子是你正在寻找的.使用lat / long添加ajax调用,你应该很高兴.

javascript – 刷新谷歌地图阻止了添加标记的能力

javascript – 刷新谷歌地图阻止了添加标记的能力

我在“刷新”Google地图后遇到问题,我无法自行放置标记(点击).但在刷新我的地图之前(使用初始化地图),我可以通过点击放置标记.我可以知道代码有什么问题吗?

以下是我的代码……

//Initialize the map
function initialize() {
    var myLatlng = new google.maps.LatLng(2,110);
    var myOptions = {
        zoom: 3,center: myLatlng,mapTypeId: google.maps.MapTypeId.HYBRID
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    infowindow = new google.maps.InfoWindow({
        content: "loading..."
    });
}

// Listen for click for markers
function marker()
{
    google.maps.event.addListener(map,'click',function(event) {
        addMarker(event.latLng);
    });
}

// Place markers in by click

function addMarker(location) {
    marker = new google.maps.Marker({
        position: location,map: map,title:"Specified Location",icon: 'images/greenPoint.png'
    });
    markersArray.push(marker);
}


function refreshMap()
{
    var myLatlng = new google.maps.LatLng(1.1,107);
    var myOptions = {
        zoom: 4,myOptions);
}

解决方法

为什么要首先创建一个新的google.maps.Map对象?你应该做这样的事情:

function refreshMap()
{
    var myLatlng = new google.maps.LatLng(1.1,};
    map.setoptions(myOptions);
}

今天的关于javascript – 谷歌地图没有显示谷歌地图无法显示的分享已经结束,谢谢您的关注,如果想了解更多关于android – 谷歌地图没有显示在签名的apk中、javascript – 与经过验证的位置进行交互? – 谷歌地图、javascript – 允许用户在谷歌地图上放置标记、javascript – 刷新谷歌地图阻止了添加标记的能力的相关知识,请在本站进行查询。

本文标签: