广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 培训教程 > Html5 > 正文

HTML5 - 地理定位在地图中显示结果_惠州计算机HTML5培训学校

作者:黄君发布时间:2021-01-21分类:Html5浏览:1128


导读:如需在地图中显示结果,您需要访问可使用经纬度的地图服务,比如谷歌地图或百度地图:

如需在地图中显示结果,您需要访问可使用经纬度的地图服务,比如谷歌地图或百度地图:

实例

function showPosition(position)

{

    var latlon=position.coords.latitude+","+position.coords.longitude;


    var img_url="http://maps.googleapis.com/maps/api/staticmap?center="

    +latlon+"&zoom=14&size=400x300&sensor=false";

     document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";

}



在上例中,我们使用返回的经纬度数据在谷歌地图中显示位置(使用静态图像)。


上面的链接向您演示如何使用脚本来显示带有标记、缩放和拖曳选项的交互式地图。


点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你.

标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机HTML5培训学校惠州HTML5培训


Html5排行
标签列表
网站分类
文章归档
最近发表