zoukankan      html  css  js  c++  java
  • h5掉起地图导航

    在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App,唤起App进行导航;

    1、腾讯地图:

    调用方式: http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address

    其中lat、lng、address分别为经纬度和详细地址三个参数,更多参数介绍可在腾讯地图api找到:https://lbs.qq.com/uri_v1/guide.html

    当用户手机未安装腾讯地图APP时,可通过浏览器调起腾讯地图下载页,为用户提供下载,实现体验闭环;

    2、高德地图:

    调用方式: http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnative=1

    其中lat、lng、address分别为经纬度和详细地址三个参数,其中经纬度为必填参数,注意区别腾讯地图,此两者调用方式中经度和纬度的位置是相反的,高德地图URI API详细参数及说明可在高德开放平台找到:https://lbs.amap.com/api/uri-api/gettingstarted

    3、百度地图:

    调用方式:http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介&output=html

    详细参数可在 http://lbsyun.baidu.com/index.php?title=uri/api/web#service-page-anchor2  找到

    苹果:点击导航按钮后进入百度地图app,如果手机没有安装的话,就跳转到AppStore 安装
    const url = 'https://apps.apple.com/cn/app/idXXX';
    window.location.href = url;

    id就是app在AppStore的id,例如

  • 相关阅读:
    java 中类的加载顺序
    jdbc 连接数据库、批量操作、事务(oracle、mysql)
    一个空格引发的血案啊!
    Servlet 的生命周期与线程安全
    Java 方法的重写与重载
    java 序列化
    equals()与hashcode()的理解
    成功安装cadence SPB16.0
    stack implement C++
    windows 7 设置环境变量的方法
  • 原文地址:https://www.cnblogs.com/wangxirui/p/15222127.html
Copyright © 2011-2022 走看看