HTML如何调用手机已安装的地图软件导航

html-css012

HTML如何调用手机已安装的地图软件导航,第1张

<a

href="baidumap://map/direction?mode=[transit:公交,driving:驾车]&origin=纬

度,经度&destination=纬度,经度&region=城市代码">点击我调用百度地图导航</>

android:

<a

href="intent://map/direction?mode=[transit:公交,driving:驾车]&origin=纬度,

经度&destination=纬度,经度&region=城市代码">点击我调用百度地图导航</>

试试看

估计导航用的fixed定位吧，

var windheight =window.innerHeight         

 var bottomx = document.getElementById('bottomx') //底部导航

   window.onresize(function(){    var docheight = window.innerHeight         

    if(docheight < windheight){            

        bottomx.style.position = 'static'

    }else{

        bottomx.style.position = 'fixed'

    }     

   })

用以下代码开头：

<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">

使用百分比定义宽度，，

CSS代码可以适当使用：

@media only screen and (max-width:449px){

}

自动根据屏幕像素 调用不同的CSS代码。