zoukankan      html  css  js  c++  java
  • ios与安卓 调起第三方地图导航

    <div id="map">
    
                </div>
                <div class="yb_choose_addr">
                    <div class="shop_info">
                        <h5>小白汽车工厂店(郑州洛河路店)</h5>
                        <p><i class="iconfont icon-dingwei"></i>河南省郑州市中原区桐柏路与洛河路交叉口</p>
                        <span><i class="iconfont icon-dingwei"></i>营业时间:08:00-20:00</span>
                    </div>
                    <input type="button" name="" id="map_btn" value="确认" class="choose_btn" />
                </div>
    
    
    mui.init();
            
            //选择门店  yb_choose_addr start 2019-10-18 王坚
            var _h = $(window).height();
    
            $("#map").css("height", _h - 60 + "px");
    
            var marker = null;
            var map = new BMap.Map("map"); // 创建地图实例  
            var point = new BMap.Point(113.665911, 34.750593); // 创建点坐标  
            map.centerAndZoom(point, 15);
            marker = new BMap.Marker(point);
            map.addOverlay(marker);
    
            $("#map_btn").on('tap', function() {
    
                var shop_name = info.shop_name;
    
                var point = bd_decrypt(113.665911, 34.750593);
                if(plus.os.name == "Android") {
                    var bts = [{
                        title: "百度地图"
                    }, {
                        title: "高德地图"
                    }];
                } else if(plus.os.name == "iOS") {
                    var bts = [{
                        title: "百度地图"
                    }, {
                        title: "高德地图"
                    }, {
                        title: "地图"
                    }];
                }
    
                plus.nativeUI.actionSheet({
                        title: "选择地图",
                        cancel: "取消",
                        buttons: bts
                    },
                    function(e) {
                        if(e.index == 1) {
                            openBMap(longitude, latitude, shop_name);
                        } else if(e.index == 2) {
                            openAMap(point, shop_name);
                        } else if(e.index == 3) {
                            openMap(point, shop_name);
                        } else {
                            return false;
                        }
                    }
                );
                return false;
    
            });
    
            function openMap(point, shop_name) {
                var url = "";
                switch(plus.os.name) {
                    case "Android":
                        url = "geo:" + point.lat + "," + point.lng + "?q=" + shop_name;
                        break;
                    case "iOS":
                        url = "http://maps.apple.com/?q=" + shop_name + "&ll=" + point.lat + "," + point.lng + "&spn=0.008766,0.019441";
                        break;
                    default:
                        return;
                        break;
                }
                url = encodeURI(url);
                plus.runtime.openURL(url, function(e) {
                    plus.nativeUI.alert("检查到您未安装地图程序
    ");
                });
            }
    
            function openBMap(jingdu, weidu, shop_name) {
                var url = null,
                    id = null,
                    f = null;
                switch(plus.os.name) {
                    case "Android":
                        // 规范参考官方网站:http://developer.baidu.com/map/index.php?title=uri/api/android
                        url = "baidumap://map/marker?location=" + weidu + "," + jingdu + "&title=" + shop_name + "&content=&悦车汇";
                        f = androidMarket;
                        id = "com.baidu.BaiduMap";
                        break;
                    case "iOS":
                        // 规范参考官方网站:http://developer.baidu.com/map/index.php?title=uri/api/ios
                        url = "baidumap://map/marker?location=" + weidu + "," + jingdu + "&title=" + shop_name + "&content=悦车汇";
                        f = iosAppstore;
                        id = "itunes.apple.com/cn/app/bai-du-de-tu-yu-yin-dao-hang/id452186370?mt=8";
                        break;
                    default:
                        return;
                        break;
                }
                url = encodeURI(url);
                plus.runtime.openURL(url, function(e) {
                    plus.nativeUI.confirm("检查到您未安装"百度地图",是否到商城搜索下载?", function(i) {
                        if(i.index == 0) {
                            f(id);
                        }
                    });
                });
            }
    
            function openAMap(point, shop_name) {
                var url = null,
                    id = null,
                    f = null;
                switch(plus.os.name) {
                    case "Android":
                        // 规范参考官方网站:http://lbs.amap.com/api/uri-api/android-uri-explain/
                        url = "androidamap://viewMap?sourceApplication=悦车汇&poiname=" + shop_name + "&lat=" + point.lat + "&lon=" + point.lng + "&dev=0";
                        f = androidMarket;
                        id = "com.autonavi.minimap";
                        break;
                    case "iOS":
                        // 规范参考官方网站:http://lbs.amap.com/api/uri-api/ios-uri-explain/
                        url = "iosamap://viewMap?sourceApplication=悦车汇&poiname=" + shop_name + "&lat=" + point.lat + "&lon=" + point.lng + "&dev=0";
                        f = iosAppstore;
                        id = "itunes.apple.com/cn/app/gao-tu-zhuan-ye-dao-hang-ban/id461703208?mt=8";
                        break;
                    default:
                        return;
                        break;
                }
                url = encodeURI(url);
                plus.runtime.openURL(url, function(e) {
                    plus.nativeUI.confirm("检查到您未安装"高德地图",是否到商城搜索下载?", function(i) {
                        if(i.index == 0) {
                            f(id);
                        }
                    });
                }, id);
            }
  • 相关阅读:
    2019-2020-1 20199302《Linux内核原理与分析》第七周作业
    2019-2020-1 20199302《Linux内核原理与分析》第六周作业
    2019-2020-1 20199302《Linux内核原理与分析》第五周作业
    2019-2020-1 20199302《Linux内核原理与分析》第四周作业
    2019-2020-1 20199302《Linux内核原理与分析》第三周作业
    云班课上的作业
    2019-2020-1 20199302《Linux内核原理与分析》第二周作业
    2019-2020-1 20199302《Linux内核原理与分析》第一周作业
    java8 获取当天的开始时间和结束时间
    MyBatis关联映射
  • 原文地址:https://www.cnblogs.com/jiawenzhen/p/11881048.html
Copyright © 2011-2022 走看看