javascript - 如何在谷歌地图上平移?

标签 javascript html google-maps intel-xdk

我正在开发简单的应用程序,为我们的客户提供我们的分支机构位置,我现在使用 map 快照,但我想在真实 map (平移)上显示位置,而不仅仅是图像。

我使用英特尔 XDK 平台 (HTML/Javascribt)

这是我使用的代码:

function onError(error) {
    alert('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

        
        var output = document.getElementById("mapp");
        function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';

    var img = new Image();
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=400x400&sensor=false";

    output.appendChild(img);
  };
  
        
        output.innerHTML = "<p>Locating…</p>";
        navigator.geolocation.getCurrentPosition(success, onError);

最佳答案

我找到了答案,只需将 success 函数更改为:

var latitude  = position.coords.latitude;
var longitude = position.coords.longitude;

var bangalore = { lat: 12.97, lng: 77.59 };
var map = new google.maps.Map(document.getElementById('mapp'), {
zoom: 14,
center: bangalore
});

var beachMarker = new google.maps.Marker({ 位置: 类加罗尔, map : map , });

关于javascript - 如何在谷歌地图上平移?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36149830/

相关文章:

javascript - 谷歌地图嵌入 : Turn iFrame into a link in iOS/Android

android - 像 Google Inbox 一样获取用户的家庭、工作地点和加星标的位置

javascript - 如何在 ImageMapType Javascript 的 getTileUrl 中添加授权 header

javascript - 什么是跨域请求/跨域攻击/跨域协议(protocol)

javascript - nvd3 中蜱虫的 Nice() 方法

html - 在 Perl 中使用 HTML::TreeBuilder 提取特定跨度类的所有实例

javascript - 如何在继续脚本之前有效地等待链接文件完成运行

html - 使用 Bootstrap 的 Jumbotron 背景图片对我不起作用

javascript - 如何比较对象数组和字符串数组?

javascript - 基于另一个数组的选择过滤数组