Question

我想编写一个程序，使用现代化程序询问用户位置并使用谷歌地图显示它。我能做的最多就是使用地理定位来查找您的位置坐标，并尝试使用google maps api在我的页面上获取地图。 jsfiddle.net/DavDaBomb21/279fbf8b /

您能否告诉我如何将两者结合使用才能在网页上显示地图？感谢

Answer 1

简单的方法是：

＆＃13;

function geoSuccess(position) {
    var long = position.coords.longitude;
    var lat = position.coords.latitude;
    $('.map-container').html(
        '<iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=' + lat + ',' + long + '&hl=es;z=14&amp;output=embed"></iframe>'
    );
};
function geoFail() {
    /* Not supported */
};
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(geoSuccess, geoFail);
};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="map-container"></div>

＆＃13;

它在JSFiddle无法在这里工作，但如果您启用地理定位或在安全的HTTPS网站上，您可以尝试使用IE浏览器 - 它可以正常工作。

如何询问位置然后用谷歌地图显示

1 个答案: