Convert Latitude, Longitude to iframe link

В настоящее время я работаю над проектом, который требует от меня найти текущее местоположение пользователей & сохранить его в БД. Позже отобразите его в GoogleMapConvert Latitude, Longitude to iframe link

Я сохраняю местоположение пользователей с помощью Локатора и долготы. Я могу создать ссылку, которая перенаправляет на карты с использованием этих данных, но я не могу использовать ее для создания ссылки iframe.

Для примера: LAT: 13,033419 LNG: 77,563976

Making ссылку таким образом (Можно использовать это на баттоне):

http://maps.google.com/?q=13.033419,77.563976

Желание использовать этот LAT & Данные СПГ для сгенерирования:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.035379846286!2d77.56178731437602!3d13.03341899081541!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTPCsDAyJzAwLjMiTiA3N8KwMzMnNTAuMyJF!5e0!3m2!1sen!2sin!4v1483076445133" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Этот бит, чтобы быть точным:!!!!!!!!!!!!!! рь = 1m18 1m12 1m3 1d3887.035379846286 2d77.56178731437602 3d13.03341899081541 2м3 1f0 2f0 3f0 3м2 1i1024 2i768 4f13.1 3м3 ! 1м2! 1s0x0% 3A0x0! 2zMTPCsDAyJzAwLjMiTiA3N8KwMzMnNTAuMyJF! 5e0! 3м2! 1sen! 2sin! 4v1483076445133

Пожалуйста, знайте, Лемм, если есть способ, которым мы можем достичь этого.
Даже альтернативный способ сделать то же самое ценится, если какой-либо :)

источник

2016-12-30 theLearner

так что вы хотите, чтобы показать расположение пользователей к IFRAME с помощью Lattitude и долгота? Также я хочу знать, как вы хотите генерировать данные, используя длину волны и долготу 'pb =! 1m18! 1m12! 1m3! 1d3887.035379846286! 2d77.56178731437602! 3d13.03341899081541! 2m3! 1f0! 2f0! 3f0! 3m2! 1i1024! 2i768! 4f13.1! 3м3! 1м2! 1s0x0% 3A0x0! 2zMTPCsDAyJzAwLjMiTiA3N8KwMzMnNTAuMyJF! 5e0! 3м2! 1sen! 2sin! 4v1483076445133' –

Я думаю, что это должно решить проблему

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]" data-semver="1.5.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-app="app"> 
    <div ng-controller="googleControllerTest"> 
     <iframe ng-src="{{url}}" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe> 
    </div> 
    <h1>Hello Plunker!</h1> 
    </body> 

</html> 

--- Code 
angular.module('app', [ 

    ]).controller('googleControllerTest', function($scope, $sce, $interpolate){ 

    $scope.data = { 
     lat: 13.033419, 
     long: 77.563976 
    } 
    $scope.value = $interpolate("https://maps.google.com/maps?q={{lat}},{{long}}&hl=es;z=14&output=embed")($scope.data); 
    $scope.url = $sce.trustAsResourceUrl($scope.value) 
    })

Plunkr https://plnkr.co/edit/2o7WPnBbJZpk17bsyRyG?p=preview

источник

2017-01-02 09:17:47 Melzar

Вы не должны использовать IFRAME для показать местоположение пользователя.

Это лучше использовать Google Map API, потому что вы могли бы иметь больше контроля над этим, чем IFRAME (example)

var map; 
 
function initMap() { 
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
    center: {lat: 13.033419, lng: 77.563976}, 
 
    zoom: 8 
 
    }); 
 
}

#map { 
 
    height: 100%; 
 
} 
 

 
html, body { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
}

<div id="map"></div> 
 
<!-- Replace the value of the key parameter with your own API key. --> 
 
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>

источник

2017-01-02 09:43:17 fingerpich

ответ

Смежные вопросы