123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8" />
- <script>
- var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
- document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
- </script>
- <title></title>
- <style>
- html,
- body {
- margin: 0;
- padding: 0;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- background: #ffffff;
- }
- *{
- margin:0;
- padding:0;
- }
- button,
- input,
- input[type=button],
- input[type=reset],
- input[type=search],
- input[type=submit],
- select {
- outline: none;
- -webkit-tap-highlight-color: transparent;
- -webkit-appearance: none;
- font-family: inherit;
- border: none;
- }
- .hide {
- display: none;
- }
- .search-wrap {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- padding: 8px 60px 8px 15px;
- background-color: #fff;
- border-bottom: 1px solid #d3d3d3;
- z-index: 100;
- }
- .search-wrap.init-status {
- padding-right: 15px;
- }
- .search-wrap .search-bar {
- display: block;
- height: 30px;
- background-color: #ebebeb;
- padding-left: 10px;
- padding-right: 10px;
- color: #b4b4b4;
- font-size: 15px;
- line-height: 31px;
- border-radius: 5px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .search-wrap .cancel,
- .search-wrap .submit {
- position: absolute;
- top: 0;
- right: 0;
- width: 55px;
- height: 46px;
- line-height: 46px;
- text-align: center;
- font-size: 16px;
- color: #0079ff;
- background-color: #fff;
- }
- .search-wrap .clear-input {
- top: 11px;
- right: 60px;
- width: 34px;
- height: 26px;
- line-height: 26px;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlr8OySAAAAE3RSTlMANO/H574Jw5g/soF2LxKbQCgmvcJ4rgAAAKFJREFUOMu9k1sSgyAMRcNLwbfe/e+1HZLa0DKTP8+PztwTDRDoWa4lRSCm5erGZcTNWP7iIaMhD22+BfwQtqae89bQ39jRYVf9ocu3U+5/cp4D7yZeCwkrKo7Y8O8XVFYRZilkgx+VWYQEZagcSYQIZagcUQRAGZwLpmD+wmzSXKa5UdZWW4d10E1Gh2wPjD1y9tBqSlDlB/U4PxfnpEd5AeZAIGebfob2AAAAAElFTkSuQmCC) no-repeat center center;
- background-color: #ededed;
- background-size: 18px 18px;
- position: absolute;
- padding: 0;
- border: 0;
- font-size: 14px;
- border-radius: 4px;
- text-align: center;
- z-index: 2;
- }
- .search-wrap.init-status .cancel,
- .search-wrap.init-status .clear-input,
- .search-wrap.init-status .submit {
- display: none;
- }
- .search-wrap .search-bar .keyword {
- display: block;
- width: 100%;
- padding-top: 6px;
- padding-bottom: 6px;
- border: 0;
- font-size: 14px;
- line-height: 18px;
- background: 0 0;
- }
- .search-wrap.init-status .search-bar .keyword {
- text-align: left;
- }
- .search-wrap .search-bar .keyword::-webkit-input-placeholder {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAgCAMAAACioYPHAAAAaVBMVEUAAACAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICxWbJ4AAAAInRSTlMAv39AEB/f758wYFDQj3CvDPflh9qpJBYEyEc3sn1om1t4LqRQpwAABAhJREFUWMPtlumS0zAQhD26TzvXsiwsC/T7PySK5Fi+Q2Cpoij6R2w5lvSpPTNS86+Jc1kbLbfrb7WxXT4U44Y1jK/1tI3cmPnwzYTT6dK1chcQCLVB2ABk8GtdXW1IKLHWk9Ct452PuOlJ7gLexk1shGYLcGFPfbujLs0Aut+z6vMJuJw/2Q+8JeD4tg0YyizCE0gQGs+TvCjIRIZlEW43RAvAmJx8ENAfofwQBQScNwEJZQ4gdDI1kNXHJ6AoSyFQFoAFYGLYAzTspki29++I10NT9QVo9wEZ2r4h82XPh0cBAw3qRzkovH6cJiFg7wDy2vgtQPsTPc9Qh9mjJ7yswUXGFBgzloEvHYyR3USjD2XcNWn7lLJyBCi8UbgPeNDLmvB8XLMARKRBpDhDEl2npBqDBLpJ0aAAluftxQZARYDSPwH4DZcly1d8vRODnPtrw3LOw/xLO7Ba2fM9d9fXeLpcO7MYAN21dtSnMzPvzS1IzVrOfoJ6IAZngBHKiTFg7So86xSArgVNF0WYqu4IL2tV/wAcfhFQ0A3JRzEHtABULgFLwEVA9TdqNWM15CZgmzwKVAKyXIpxlKm04gU0Ako2kvExQvR5dX8SUBJc7NhVCv12MbzLCZ0ocahB/m6ZIboPGPBpyfEREBuAWrdbg0qNKkoY7wL4hO8rmzNOq3xOwyRyMR1UDL7TtRZ6pqFcalr/HoBva0X5jKflQ9kqACspx6ZHRsp4+TX3DoDPwOe94l35rigB2UimFe/loEfRIJzKeKUR4OaAYgwoQJtlpv5l8PJxYeBleFQVOjks1NfqUddiXQdow3nLskwA3ATQEauAjnQ1P4BPVSuxPOI8L9Np0qXEtBqXV1qYuoFUBUrqGNPaVsCogbYCCmgzmE803/QSex34y4TvuIzAZahQntohDHNIYi3ndrKj8v5oL/yVrnOi/zMbZJsdCTY5AL7KevoHcPpwF1AE7ZrY81Wx7sZgcyw6eUVXAEIrapJIxqYVIBdNx/NWFEvkmTrq2xFH458THT9rwIRKuASshAhzPkmA6Rm8wlDBg4py/cBCUZSYprSkkjkKmTOMj82WkHTUSLr45jkTbgPWmHPTk66GkQODYEMFkmOPx50kIPocyb+2hEVm0pOVfI4XJJ2efMrfQrgP6Agwk/3MKSg+MclWE6ssgpc9nlMwJdW6UcYZuOKqFtP9TcrDcGS9rBIKjTywT2ggmZ1X0dsCgyhmX1EQ9CIVIkYikZkLioQuF9XUMNyQvEDNFs+INFQOkiRTGFwAyjix2Cc6otHHMWZlbM+yPOclxYd9QYGXTrIsTza7hGFmH6BMqSKdq+bbGMo0ohqUUvkR8VtJ8fKBXvJly2Cx3882//UX6QfMclqph21gcgAAAABJRU5ErkJggg==);
- background-repeat: no-repeat;
- background-position: left center;
- background-size: 80px 16px;
- color: gray
- }
- .search-wrap.init-status .search-bar .keyword::-webkit-input-placeholder {
- background-position: center center;
- }
- .suggestion-wrap {
- position: absolute;
- top: 46px;
- bottom: 0;
- z-index: 7;
- width: 100%;
- background: #f6f6f6;
- overflow: scroll;
- -webkit-overflow-scrolling: touch;
- }
- .map-wrap {
- height: 45%;
- position: relative;
- top: 46px;
- width: 100%;
- }
- .list-wrap {
- width: 100%;
- position: absolute;
- background-color: #fff;
- z-index: 1;
- bottom: 0;
- left: 0;
- overflow: hidden;
- border-top: 1px solid #d3d3d3;
- overflow-y: scroll;
- padding-bottom: 0;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- -webkit-overflow-scrolling: touch;
- }
- .poi-list ul {
- list-style: none;
- width: 100%;
- text-align: left;
- padding: 0 0 65px;
- }
- .suggestion-wrap li,
- .active-pos,
- .poi-list li{
- position: relative;
- display: block;
- padding-left: 15px;
- border: none;
- height: 58px;
- padding-top: 6px;
- margin: 0;
- }
- .poi-list li * {
- pointer-events: none;
- }
- .poi-list li p,
- .active-pos div p {
- padding-bottom: 10px;
- border-bottom: 1px solid #d3d3d3;
- }
- .poi-title {
- font-size: 14px;
- line-height: 27px;
- color: #333;
- font-weight: 400;
- display: block;
- width: 92%;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .poi-address {
- font-size: 12px;
- color: gray;
- height: 20px;
- line-height: 20px;
- margin: 0;
- width: 92%;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- display: block;
- }
- .poi-city,
- .poi-latlng {
- line-height: 22px;
- display: none;
- }
- .no-more-results,
- .no-results {
- color: gray;
- padding: 20px 0;
- line-height: 24px;
- text-align: center;
- }
- .no-more-results p,
- .no-results p {
- padding: 0;
- margin: 0;
- }
-
- .list-wrap i {
- width: 16px;
- height: 16px;
- display: none;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAAAef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef8Aef84EEEWAAAAInRSTlMA+QQY6izG8NO6TphC3JReWSMoDLOfgXajf29lZEs7Hcep1l5DEAAAAPxJREFUOMuFU9cSgyAQBDSUgCVgSS/8/0cGc8E5FQdeOGaXud0rBB9mzdFYRtKnGDkVkktB+VgkYE27poCw6aheUxpxPqHn6SyaRe66NKsfpqyRll6+Njlfsp/jS1WkRFeXf/QUh6Stg3iCAHndMX6VPxltlaiMNdPXqp1iftviR+qHcN34ZJm6FO4/4XY0FOeuknhpp0jdCamHJA7GhjqQ2n2ctCpofPw8K+22OHm8I+HjvXIYj4SYYvSBwTAeU0SROjA6hnEQCTYjg2McbEKhZgbGoVC41HqJQ6lxs1iP8blZuN3WrdudG5jcyGWHNj/2+cXJr15+ebPr/wWbNBG/n/A0GgAAAABJRU5ErkJggg==) no-repeat right center;
- background-size: 16px 16px;
- position: absolute;
- right: 15px;
- top: 50%;
- margin-top: -8px;
- }
- .list-wrap i.active {
- right: 30px;
- display: inline-block;
- }
- </style>
- </head>
- <body>
- <div class="search-wrap init-status">
- <div class="search-bar">
- <form name="poi-search" id="poiSearch" onsubmit="return false;">
- <input type="search" class="keyword" id="searchword" placeholder=" ">
- <button type="reset" class="clear-input hide"></button>
- <button type="submit" class="submit hide">搜索</button>
- </form>
- <a class="cancel">取消</a>
- </div>
- </div>
- <div class="suggestion-wrap hide">
- <div class="poi-list">
- <ul>
- </ul>
- </div>
- <div class="no-results hide">
- <p>对不起,没有搜索到相关数据!</p>
- </div>
- <div class="no-more-results hide">
- <p>亲,没有更多了~</p>
- </div>
- </div>
- <div id="map" class="map-wrap"></div>
- <div class="list-wrap">
- <div class="active-pos">
- </div>
- <div class="poi-list">
- <ul>
- </ul>
- <div class="no-results hide">
- <p>对不起,没有搜索到相关数据!</p>
- </div>
- </div>
- </div>
- <script>
- var loc;
- var serviceWebview;
- var back = function(cancel) {
- if (cancel) {
- plus.webview.postMessageToUniNView({
- type: 'chooseLocation',
- args: {
- errMsg: 'cancel'
- }
- }, '__uniapp__service');
- }
- var webview = plus.webview.currentWebview()
- if (webview.__uniapp_statusbar_style === 'dark') {
- plus.navigator.setStatusBarStyle('dark')
- }
- webview.close('auto');
- };
- window.__chooseLocationConfirm__ = function() {
- if (!loc) {
- plus.nativeUI.alert('您尚未选择位置!');
- return;
- }
- plus.webview.postMessageToUniNView({
- type: 'chooseLocation',
- args: loc
- }, '__uniapp__service');
- back();
- }
- var searchWrapElem = document.querySelector('.search-wrap');
- var searchWordElem = document.getElementById('searchword');
- var resetElem = document.querySelector('[type="reset"]');
- var cancelElem = document.querySelector('.cancel');
- var suggestionWrapElem = document.querySelector('.suggestion-wrap');
- var mapElem = document.getElementById('map');
- var listWrapElem = document.querySelector('.list-wrap');
- var suggestionPoiListElem = suggestionWrapElem.querySelector('.poi-list ul');
- var suggestionPoiNoResultsElem = suggestionWrapElem.querySelector('.no-results');
- var suggestionPoiNoMoreResultsElem = suggestionWrapElem.querySelector(
- '.no-more-results');
- var activePosElem = document.querySelector('.active-pos');
- var nearbyPoiListElem = listWrapElem.querySelector('.poi-list ul');
- var nearbyPoiNoResultsElem = listWrapElem.querySelector('.no-results');
- listWrapElem.style.top = mapElem.offsetHeight + 47 + 'px';
- var debounce = function(func, wait, immediate) {
- var timeout, result;
- return function() {
- var context = this,
- args = arguments,
- later, callNow;
- later = function() {
- timeout = null;
- if (!immediate) {
- result = func.apply(context, args);
- }
- };
- callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) {
- result = func.apply(context, args);
- }
- return result;
- };
- };
- var plusReady = function(callback) {
- if (window.plus) {
- callback()
- } else {
- document.addEventListener('plusready', callback)
- }
- }
- var ZOOM = 13
- window.__chooseLocation__ = function(params) {
- plusReady(function() {
- serviceWebview = plus.webview.getWebviewById('__W2A_CONTEXT_') ||
- plus.webview
- .getLaunchWebview();
- plus.key.addEventListener('backbutton', function() {
- back(true);
- });
- var nativeMarker = false;
- var nativeMap = new plus.maps.Map('map', {
- zoom: ZOOM
- });
- var centerPoint = false
- var reverseGeocode = debounce(function(point) {
- plus.maps.Map.reverseGeocode(point, {}, function(res) {
- activePosElem.innerHTML =
- '<div data-name="' + (res.address || '') +
- '" data-address="' + (res.address || '') +
- '" data-lat="' + res.coord.getLat() +
- '" data-lng="' + res.coord.getLng() +
- '"><h2 class="poi-title">地图位置</h2><p><span class="poi-address">' +
- (res.address ||
- '') +
- '</span><span class="poi-latlng">' +
- res.coord
- .getLat() +
- ',' + res.coord.getLng() +
- '</span><i></i></p></div>';
- }, function(err) {
- console.log(err);
- });
- searchNearbyPoi.poiSearchNearBy('', point, 1000);
- }, 10)
- nativeMap.getUserLocation(function(state, point) { //获取当前用户坐标
- if (state === 0) {
- nativeMarker = new plus.maps.Marker(point);
- nativeMarker.setIcon('__uniappmarker@3x.png');
- nativeMap.addOverlay(nativeMarker);
- //centerPoint = point;
- nativeMap.showUserLocation(true);
- if (plus.os.name !== 'Android') {
- nativeMap.setCenter(point);
- }
- // reverseGeocode(centerPoint);
- } else {
- console.log('获取用户坐标失败');
- }
- });
- nativeMap.onstatuschanged = function(evt) { //切换坐标中心
- // if (!centerPoint) {
- // return;
- // }
- if (centerPoint && evt.center) {
- if (centerPoint.latitude === evt.center.latitude &&
- centerPoint.longitude === evt.center.longitude) {
- return;
- }
- }
- centerPoint = evt.center
- if (nativeMarker) {
- nativeMarker.setPoint(centerPoint);
- }
- reverseGeocode(centerPoint);
- };
- var searchPoi = new plus.maps.Search(nativeMap);
- var searchNearbyPoi = new plus.maps.Search(nativeMap);
- var showMap = function(centerPoint) {
- nativeMap.show();
- if (centerPoint) {
- if (nativeMarker) {
- nativeMarker.setPoint(centerPoint);
- }
- nativeMap.setCenter(centerPoint);
- // setTimeout(function() {
- // nativeMap.setZoom(ZOOM);
- // }, 150);
- // reverseGeocode(centerPoint);
- }
- searchWordElem.value = '';
- cancelElem.className = 'cancel hide';
- searchWrapElem.className = 'search-wrap init-status';
- suggestionWrapElem.className = 'suggestion-wrap hide';
- resetSuggestionPoiList();
- }
- var resetSuggestionPoiList = function() {
- suggestionPoiListElem.innerHTML = '';
- suggestionPoiNoResultsElem.className = 'no-results hide';
- suggestionPoiNoMoreResultsElem.className =
- 'no-more-results hide';
- }
- var showSuggestionPoiList = function() {
- nativeMap.hide();
- resetSuggestionPoiList();
- }
- var showSuggestionPoiNoResults = function() {
- suggestionPoiListElem.innerHTML = '';
- suggestionPoiNoResultsElem.className = 'no-results';
- suggestionPoiNoMoreResultsElem.className =
- 'no-more-results hide';
- }
- var renderPoiResults = function(poiList) {
- var html = [];
- for (var i = 0; i < poiList.length; i++) {
- var poi = poiList[i];
- if (poi.point) {
- html.push('<li data-name="' + (poi.name || '') +
- '" data-address="' + (poi.address || '') +
- '" data-lat="' + poi.point.getLat() +
- '" data-lng="' + poi.point.getLng() +
- '"><p><span class="poi-title">' + poi.name +
- '</span><span class="poi-address">' + (poi.address ||
- '') +
- '</span><span class="poi-latlng">' + poi.point
- .getLat() +
- ',' + poi.point.getLng() +
- '</span><span class="poi-city">' + poi.city +
- '</span></p><i></i></li>');
- }
- }
- return html.join('');
- }
- var showNearbyPoiNoResults = function() {
- nearbyPoiListElem.innerHTML = '';
- nearbyPoiNoResultsElem.className = 'no-results';
- }
- var showNearbyPoiResults = function(poiList) {
- var html = renderPoiResults(poiList);
- if (html) {
- nearbyPoiListElem.innerHTML = html;
- nearbyPoiNoResultsElem.className = 'no-results hide';
- } else {
- showNearbyPoiNoResults();
- }
- }
- var showSuggestionPoiResults = function(poiList) {
- var html = renderPoiResults(poiList);
- if (html) {
- suggestionPoiListElem.innerHTML = html;
- suggestionPoiNoResultsElem.className =
- 'no-results hide';
- suggestionPoiNoMoreResultsElem.className =
- 'no-more-results';
- } else {
- showSuggestionPoiNoResults();
- }
- }
- searchPoi.onPoiSearchComplete = function(state, res) {
- if (state === 0) {
- if (res.poiList.length) {
- showSuggestionPoiResults(res.poiList);
- } else {
- showSuggestionPoiNoResults();
- }
- } else {
- showSuggestionPoiNoResults();
- }
- };
- searchNearbyPoi.onPoiSearchComplete = function(state, res) {
- if (state === 0) {
- if (res.poiList.length) {
- showNearbyPoiResults(res.poiList);
- } else {
- showNearbyPoiNoResults();
- }
- } else {
- showNearbyPoiNoResults();
- }
- };
- var getSuggestion = debounce(function(q) {
- if (q.trim()) {
- searchPoi.poiSearchNearBy(q, centerPoint, 50000)
- } else {}
- }, 10);
- suggestionPoiListElem.addEventListener('click', function(evt) {
- var target = evt.target;
- for (; target && target !== suggestionPoiListElem; target =
- target.parentNode) {
- if (target && target.tagName === 'LI') {
- var laglng = target.querySelector('.poi-latlng')
- .innerText
- .split(',');
- centerPoint = new plus.maps.Point(Number(laglng[1]), Number(laglng[
- 0]));
- showMap(centerPoint);
- reverseGeocode(centerPoint);
- break;
- }
- }
- });
- searchWordElem.addEventListener('click', function() {
- searchWrapElem.className = 'search-wrap';
- suggestionWrapElem.className = 'suggestion-wrap';
- cancelElem.className = 'cancel';
- showSuggestionPoiList();
- });
- var oldHasValue = false;
- var setInputState = function(hasValue) {
- if (hasValue !== oldHasValue) {
- if (hasValue) {
- resetElem.className = 'clear-input'
- } else {
- resetElem.className = 'clear-input hide'
- }
- oldHasValue = hasValue;
- }
- }
- searchWordElem.addEventListener('input', function() {
- var value = this.value.replace(/^\s+|\s+$/g, '');
- setInputState(!!value);
- getSuggestion(value);
- });
- resetElem.addEventListener('click', function(e) {
- setInputState(false);
- setTimeout(function() {
- searchWordElem.focus();
- }, 0);
- });
- cancelElem.addEventListener('click', function() {
- showMap();
- });
- listWrapElem.addEventListener('click', function(e) {
- var target = e.target;
- for (; target && target !== listWrapElem; target =
- target.parentNode) {
- if (target.className === 'active-pos' || target.tagName ===
- 'LI') {
- var lastActiveElem = listWrapElem.querySelector(
- 'i.active');
- if (lastActiveElem) {
- lastActiveElem.className = '';
- }
- if (target.className === 'active-pos') {
- target = target.children[0]
- }
- target.querySelector('i').className = 'active';
- loc = {
- poiname: target.getAttribute('data-name'),
- poiaddress: target.getAttribute(
- 'data-address'),
- latlng: {
- lat: target.getAttribute(
- 'data-lat'),
- lng: target.getAttribute(
- 'data-lng'),
- }
- }
- if (nativeMarker) {
- nativeMarker.setPoint(new plus.maps.Point(
- loc.latlng.lng, loc.latlng.lat));
- }
- break;
- }
- }
- })
- });
- };
- </script>
- </body>
- </html>
|