宿遷網站建設
公司動態 宿遷網絡公司
當前位置:易企宿遷網絡公司 >> 資訊中心 >> 公司動態 >> 瀏覽文章
公司動態

網站制作中公司手機宿遷網站建設定位并實現地圖標記和附近商家實現體例

標簽:網站,制作,公司,手機,宿遷,建設,設定,定位,實現 發布時間:2019年11月16日 閱讀:36次

隨著移動互聯網時代的到來,許多的網站制作公司客戶都開始走向手機網站制作方向發展,通過手機網站用戶可以隨時定位本身的位置,并查看到本身附近的商家和其他想要查找的信息。手機網站制作也隨之越來越受到互聯網公司的正視,但是因為手機端網站制作和PC端的網站制作,在技術和實現體例上有所不同,所以,許多網站制作公司的技術人員對這塊還很生疏,最近因為工作的必要,動手去研究一個手機網站,順便在這里和大家分享一下,關于手機網站制作所細致的事項,以及其重要功能的實現方法和思路。

必要制作的網站的重要功能:

Ⅰ、用戶可以根據定位本身所在的位置,查看離本身最近的商家所發布的優惠信息。

Ⅱ、用戶查看商家詳情頁面的時候gec環保幣,可以直接直觀的通過谷歌地圖的坐標情勢,一眼看到該商家所在位置。

Ⅲ、用戶可以查看本身所在位置和四周所有商家的現實距離有多遠。

Ⅳ、用戶可以通過分類查找四川人事考試網,篩選查找,以及根據不同城市查找本身想要的信息。

以上是這個網站的重要功能,大家可以看出,該網站最重要的功能就是用戶可以實現手機定位,并很快的找到該商家。大家都知道,PC端的網站是無法實際定位服務的,更不用說距離某個商家有多遠了。直接進入正題,實現這些功能的方法。

一、用戶如何通過網站定位本身的位置

首先必要了解的是,網站定位服務必要用到HTML5的寫法,并且這點是肯定要細致的,關于HTML5兼容性的題目,可以不用考慮,由于目前手機上的所有欣賞器都是支撐HTML5寫法的,區分HTML5和HTML4的一點很簡單,就是在網站源碼的開頭部分,HTML5是<!DOCTYPE html>,就這么一行話,不像是HTML4一樣那么長。好了,指定完網站代碼的編碼格式之后,就必要使用到HTML5的內置定位函數,也就是navigator函數,詳細的代碼,如下:

 

navigator.geolocation.getCurrentPosition(showPosition,showError);

 

showPosition:是指的實行該函數的回調函數,也就是說所有的實行條件都在這里面了。

showError:是指該函數實行錯誤之后,是因為什么緣故原由錯誤的。

 

showPosition函數的代碼:

function showPosition(position)
  {
 
        var lat = position.coords.latitude;    //獲得當前位置的緯度
        var lng = position.coords.longitude;    //獲得當前位置的經度
        alert( "您所在的位置: 緯度" + lat + ",經度" + lng );   //輸出當前位置的經緯度信息
        if(typeof position.address !== "undefined"){
                var country = position.address.country;
                var province = position.address.region;
                var city = position.address.city;
                alert(' 您位于 ' + country + province + '省' + city +'市');
        }
  }

 

showError函數的代碼:

function showError(error)
  {
  switch(error.code)
    {
    case error.PERMISSION_DENIED:    //欣賞器不支撐Geolocation函數
      x.innerHTML="User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:  //用戶不許可使用定位服務
      x.innerHTML="Location information is unavailable."
      break;
    case error.TIMEOUT:    //定位服務超時
      x.innerHTML="The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:   //未知錯誤
      x.innerHTML="An unknown error occurred."
      break;
    }
  }

通過以上代碼,用手機欣賞器運行,就能夠看到當前所在的經緯度信息了,如下圖所示。

二、獲得當前經緯度信息之后后,如何在谷歌地圖上標注出該位置

知道正確的經緯度之后,我們只必要調用谷歌地圖的一個API接口就可以,然后通過創建所如今地圖的大小,并通過地圖API的接口,標注當前位置,詳細代碼如下:

<script src="http://maps.google3564/maps/api/js?sensor=false"></script>    //引用谷歌地圖API文件

function showPosition(position)
  {


  lat=position.coords.latitude;
  lon=position.coords.longitude;
  latlon=new google.maps.LatLng(lat, lon)
  mapholder=document.getElementById('mapholder')
  mapholder.style.height='250px';
  mapholder.style.width='500px';
  var myOptions={
  center:latlon,zoom:14,
  mapTypeId:google.maps.MapTypeId.ROADMAP,
  mapTypeControl:false,
  navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
  };
  var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
  var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});


  }
加入以上代碼,在取得正確經緯度之后,就能夠很輕松的在谷歌地圖上主動標記商家位置了。

三、如何計算當前位置和指定商家的距離是多少

計算位置要用到的就是PHP代碼了,知道了兩點的經緯度之后,通過一個計算公式很容易就能算出兩點之間的距離來,詳細代碼如下:

<?php
function rad($d)
{
return $d * 3.1415926535898 / 180.0;
}

function getdistance($lng1,$lat1,$lng2,$lat2)//根據經緯度計算距離
{
//將角度轉為狐度
$radLat1=deg2rad($lat1);
$radLat2=deg2rad($lat2);
$radLng1=deg2rad($lng1);
$radLng2=deg2rad($lng2);
$a=$radLat1-$radLat2;//兩緯度之差,緯度<90
$b=$radLng1-$radLng2;//兩經度之差緯度<180
$s=2*asin(sqrt(pow(sin($a/2),2)+cos($radLat1)*cos($radLat2)*pow(sin($b/2),2)))*6378.137;
return $s;
}

echo GetDistance($lat1, $lng1, 36.684555, 117.06.net);
?>

綜合以上代碼,最終完成當前位置定位,已經谷歌地圖表現和當前位置距離指定商家的距離是多少。然后通過現實的必要,對網站的數據庫和結構進行規劃,最終完成一個可以實現手機定位服務的手機網站。網站制作公司行業也漸漸從電腦的PC端,漸漸轉換為手機網站的制作,隨動手機客戶端和智能手機的鼓起,手機網站制作也會有越來越多的公司去做,相對于手機網站和電腦網站來說新疆人事考試中心網,都是各有各的益處,我們之后賡續的提拔本身的網站制作水平百度優化排名,才能在以后的網站制作市場漸漸站穩腳步,持續而穩固的發展下去。

江蘇省宿遷市宿豫區湖濱新城紫薇大道 近青桐路
Copyrigh © 2015 易企宿遷網絡公司 版權所有
宁夏11选5前三直 苏州哪个地方送外卖赚钱 2014 3月股票推荐 股票大盘行情 塞达尔传说荒野之息赚钱攻略 假内存 赚钱吗 抵押车贷款 赚钱 苏宁云商股票 dnf打造垫子赚钱吗 有美感又赚钱 高空挑战能赚钱吗 2012年3月上证指数 平果县拉矿赚钱不 亚洲市场股票指数 我赚钱我骄傲表情 高中学生赚钱法 招标公司是怎么赚钱的