Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 谷歌地图设置化身用户_Google Maps_Google Maps Api 3 - Fatal编程技术网

Google maps 谷歌地图设置化身用户

Google maps 谷歌地图设置化身用户,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,你好 我需要谷歌地图选项方面的帮助 我的网站上有谷歌地图。如果用户在谷歌+(gmail)上注册,地图上有显示化身的选项。化身具有直径约为32px的圆形(示例中的方式:) 我想让阿凡达有一个正方形,大小为60x60px,边距为70px 怎么做 提前谢谢 谷歌地图上的代码头像: <iframe src="https://www.google.com/maps/api/js/widget?pb=!1m2!1u22!2s12a!2sru#WzEsMTUxXQ.." fra

你好

我需要谷歌地图选项方面的帮助

我的网站上有谷歌地图。如果用户在谷歌+(gmail)上注册,地图上有显示化身的选项。化身具有直径约为32px的圆形(示例中的方式:)

我想让阿凡达有一个正方形,大小为60x60px,边距为70px

怎么做

提前谢谢

谷歌地图上的代码头像:

     <iframe src="https://www.google.com/maps/api/js/widget?pb=!1m2!1u22!2s12a!2sru#WzEsMTUxXQ.."
        frameborder="0" allowtransparency="true" scrolling="no"
        style="border: 0px; overflow: hidden; position: absolute; right: 0px; visibility: visible; width: 37px; height: 37px;">

    <html jstcache="0">
    <head>
        <link id="__2__" type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
        <style type="text/css">
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
        <style>div.login-control{color:white;font-family:Roboto,Arial;font-size:11px;font-weight:500}div.login{border-radius:2px;background-color:#5f84f2;padding:4px 8px 4px 8px;cursor:pointer}.login-control .tooltip-anchor{color:#5B5B5B;display:inline;font-family:Roboto,Arial;font-size:13px;font-weight:normal;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text;width:50%}.login-control .tooltip-content{background-color:white;font-weight:normal;right:0px}div.login a:link{text-decoration:none;color:inherit}div.login a:visited{color:inherit}div.login a:hover{text-decoration:underline}div.profile-photo{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2);width:32px;height:32px;overflow:hidden}div.profile-photo-light{background-color:white}div.profile-photo-light div{color:black}div.profile-photo-dark{background-color:black}div.profile-photo-dark:hover{background-color:white;color:black}div.profile-photo img{float:right;width:32px;height:32px}.tooltip-anchor{width:100%;position:relative;float:right;z-index:1}.tooltip-anchor>.tooltip-tip-inner{background-color:transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;height:0;left:-8px;position:absolute;top:5px;width:0;z-index:1}.tooltip-content{border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.2);display:inline-block;line-height:100%;padding:10px 11px 9px 11px;position:absolute;margin:0;top:10px;white-space:nowrap}.tooltip-content a{color:#3a84df;text-decoration:none}.tooltip-content a:hover{text-decoration:underline}.tooltip-content .user-email,.tooltip-content .user-name{padding-right:12px}.sign-in-explanatory-text{margin-bottom:6px}.tooltip-content a{overflow:hidden}.g-logo{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/white_google_icon.png);background-size:14px 12px;display:inline-block;height:12px;padding-right:6px;vertical-align:middle;width:8px}.gm-china .g-logo{background-image:url(http://maps.gstatic.cn/mapfiles/api-3/images/white_google_icon.png)}@media (-webkit-min-device-pixel-ratio:1.2),(min-resolution:1.2dppx),(min-resolution:116dpi){.g-logo{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/white_google_icon_hdpi.png)}.gm-china .g-logo{background-image:url(http://maps.gstatic.cn/mapfiles/api-3/images/white_google_icon_hdpi.png)}}.sprite-sheet{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/signed_in_api_icons2.png);background-size:100px 50px}.gm-china .sprite-sheet{background-image:url(http://maps.gstatic.cn/mapfiles/embed/images/signed_in_api_icons2.png)}@media (-webkit-min-device-pixel-ratio:1.2),(min-resolution:1.2dppx),(min-resolution:116dpi){.sprite-sheet{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/signed_in_api_icons2_hdpi.png);background-size:100px 50px}.gm-china .sprite-sheet{background-image:url(http://maps.gstatic.cn/mapfiles/embed/images/signed_in_api_icons2_hdpi.png)}}</style>
    </head>
    <body jstcache="0" style="overflow: hidden;">
    <script>
        window.parent.frames['gm-master'].initWidget(window);
    </script>
    <div jstcache="0" style="position: absolute; top: 0px; right: 0px; width: 500px; height: 500px;">

        <div jstcache="0" style="position: absolute; top: 0px; right: 4px;">
            <div jstcache="69" class="login-control" jsaction="mouseenter:loginControl.resize;mouseleave:loginControl.resize;loginControl.resize">
                <div jstcache="2" jsaction="loginControl.login" class="login" style="display: none">
                    <a jstcache="3"> <span class="g-logo"> </span><span>Войти</span></a>
                </div>
                <div jstcache="4" class="profile-photo-light profile-photo" jsan="7.profile-photo-light,7.profile-photo">
                    <img jstcache="5" src="https://lh5.googleusercontent.com/-R_xY89bx5Ss/AAAAAAAAAAI/AAAAAAAAABg/xx_czODJ35o/s32-c/photo.jpg">
                </div>
                <div class="tooltip-anchor">
                    <div class="tooltip-tip-inner"></div>
                    <div class="tooltip-content">
                        <div jstcache="6" class="sign-in-explanatory-text" style="display: none">Войдите в свой аккаунт, и Google Карты станут ещё удобнее</div>
                        <div>
                            <a jstcache="7" class="" style="display: none"></a>
                            <a target="_blank" jstcache="8" href="https://plus.google.com/113092786366482147078?socpid=238&amp;socfid=maps_api_v3:logincontrol" class="user-name" jsan="7.user-name,8.href,0.target">+aleksandr</a>
                            <a target="blank_" jstcache="9" href="https://support.google.com/maps/?p=thirdpartymaps&amp;hl=ru" jsaction="mouseup:loginControl.learnMore">Подробнее...</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
</html>

html,正文{
身高:100%;
保证金:0;
填充:0;
}
div.login-control{颜色:白色;字体系列:Roboto,Arial;字体大小:11px;字体重量:500}div.login{边框半径:2px;背景色:#5f84f2;填充:4px 8px 4px 8px;光标:指针}。登录控件。工具提示锚{color:#5b;display:inline;字体系列:Roboto,Arial;字体大小:13px;字体重量:normal;-moz用户选择:text;-webkit用户选择:text;-ms用户选择:text;用户选择:text;宽度:50%}。登录控件。工具提示内容{背景颜色:白色;字体重量:normal;右侧:0px}div.login a:链接{text装饰:无;颜色:inherit}div.login:已访问{color:inherit}div.login a:hover{text decoration:underline}div.profile-photo{border radius:50%;box shadow:02px4pxrgba(0,0,0.2);width:32px;height:32px;溢出:hidden}div.profile-photo-light{背景色:白色}div.profile-photo-light div{颜色:黑色}.profile-photo-深色{背景色:黑色}div{背景色:白色;颜色:黑色}div.profile-photo img{float:right;width:32px;height:32px}.工具提示锚定{宽度:100%;位置:相对;float:right;z索引:1}.工具提示锚定>.工具提示提示提示内部{背景色:透明;左边框:8px实心透明;右边框:8px实心透明;边框底部:8px实心白色;高度:0;左:-8px;位置:绝对;顶部:5px;宽度:0;z索引:1}。工具提示内容{边框半径:2px;框阴影:0 2px 4px rgba(0,0,0.2);显示:内联块;行高:100%;填充:10px 11px 9px 11px;位置:绝对;边距:0;顶部:10px;空白:nowrap}。工具提示内容a{color:#3a84df;文本装饰:none}。工具提示内容a:悬停{文本装饰:下划线}。工具提示内容。用户电子邮件,。工具提示内容。用户名{右填充:12px}。登录说明性文本{边距底部:6px}.tooltip内容a{溢出:隐藏}.g-logo{背景图像:url(https://maps.gstatic.com/mapfiles/api-3/images/white_google_icon.png);背景尺寸:14px 12px;显示:内联块;高度:12px;右填充:6px;垂直对齐:中间;宽度:8px}。gm china.g-logo{背景图像:url(http://maps.gstatic.cn/mapfiles/api-3/images/white_google_icon.png)}@媒体(-webkit最小设备像素比:1.2),(最小分辨率:1.2dppx),(最小分辨率:116dpi){.g-logo{背景图像:url(https://maps.gstatic.com/mapfiles/api-3/images/white_google_icon_hdpi.png)}.gm中国.g-logo{背景图片:url(http://maps.gstatic.cn/mapfiles/api-3/images/white_google_icon_hdpi.png)}}.sprite表{背景图像:url(https://maps.gstatic.com/mapfiles/api-3/images/signed_in_api_icons2.png);背景尺寸:100px 50px}。gm中国。雪碧表{背景图片:url(http://maps.gstatic.cn/mapfiles/embed/images/signed_in_api_icons2.png)}@媒体(-webkit最小设备像素比:1.2),(最小分辨率:1.2dppx),(最小分辨率:116dpi){.sprite表{背景图像:url(https://maps.gstatic.com/mapfiles/api-3/images/signed_in_api_icons2_hdpi.png);背景尺寸:100px 50px}。gm中国。雪碧表{背景图片:url(http://maps.gstatic.cn/mapfiles/embed/images/signed_in_api_icons2_hdpi.png)}}
window.parent.frames['gm-master'].initWidget(窗口);

标签:



目前无法为登录体验定制UI。我建议在描述您的用例时打开一个功能请求,以便团队可以开始跟踪对它的兴趣。

我知道这是一个2个月前的问题,已经选择了一个答案,但是如果有人在寻找这个问题,您可以获得利润将css直接应用于iframe元素的事情

这是我正在使用的代码

iframe[src^="https://www.google.com/maps/api/js/widget?"] {
    margin-top: 50px;
    margin-right: 52px;
}

您必须显示尝试。我必须如何显示尝试?我是否显示我的代码?但这是谷歌地图的常用连接代码。化身用户在iframe中,我无法获取元素“div.profile-photo”在Jquery中,根据安全协议。我无法在谷歌地图API中找到如何在地图上更改化身用户的大小。我必须向您展示什么?显示一些代码、图像或类似的东西。感谢您的详细回答
iframe[src^="https://www.google.com/maps/api/js/widget?"] {
    margin-top: 50px;
    margin-right: 52px;
}