zoukankan      html  css  js  c++  java
  • html5中高德、腾讯、百度 地图api调起手机app

    html 部分
    
    <div id="mapBg">
        <div class="mapTab">
            <a href="" class="mapBtn_g"><div>高德地图</div></a>
            <a href="" class="mapBtn_t"><div>腾讯地图</div></a>
            <a href="" class="mapBtn_b"><div>百度地图</div></a>
        </div>
    </div>
    js 部分
    
    /*高德*/
    var mapUrl_gd ="http://uri.amap.com/marker?position=108.958486,34.271454&name="+inform.orgName+"&src=yellowpage&coordinate=gaode&callnative=1";
     $("#mapBg .mapTab .mapBtn_g").attr("href",mapUrl_gd);
    
    /*腾讯*/
    var mapUrl_tx = "http://apis.map.qq.com/uri/v1/marker?marker=coord:34.271454,108.958486;title:"+inform.orgName+";addr:"+inform.orgAddress+"&referer=yellowpage"
     $("#mapBg .mapTab .mapBtn_t").attr("href",mapUrl_tx);
    
    /*百度*/
    var mapUrl_bd ="http://api.map.baidu.com/marker?location=34.271454,108.958486&title="+inform.orgName+"&content="+inform.orgAddress+"&output=html&src=yellowpage";
    $("#mapBg .mapTab .mapBtn_b").attr("href",mapUrl_bd);

    效果图:

  • 相关阅读:
    Redis详解----- 缓存穿透、缓存击穿、缓存雪崩
    mysql存储时间
    MAT入门到精通
    meven依赖思考记录
    线程池原理
    vscode + wsl2
    java架构师学习路线-高级
    java架构师学习路线-初级
    (二)垃圾回收
    (一)内存区域
  • 原文地址:https://www.cnblogs.com/jrg-Archer/p/9037023.html
Copyright © 2011-2022 走看看