javascript - Que diriez-vous d'insérer une carte dans une page Web mobile ; définir plusieurs points de marquage et interroger des itinéraires ?

Question

Answer 1

Allez sur ces sites Web qui fournissent des cartes pour voir s'ils fournissent des interfaces. Certaines d'entre elles peuvent être directement importées à l'aide d'iframe.

Answer 2

Baidu et Amap ont tous deux une API JS associée, qui peut complètement résoudre vos besoins http://lbsyun.baidu.com/index...

Answer 3

C'est ce que j'ai trouvé pour vous dans un projet que j'ai réalisé il n'y a pas longtemps. Cela permet de convertir les noms d'adresse sur la page en coordonnées de longitude et de latitude et de les marquer sur la carte. Si c'est le cas, mettez simplement quelques <p id="allmap" class="baidumap"></p>. Bien sûr, l'ID doit également être modifié. l'initialisation dans JS et changez map en méthode derrière map1. Il n'est pas compliqué de changer les paramètres en un nouvel ID. Vous pouvez le découvrir par vous-même. Si vous ne comprenez toujours pas, n'hésitez pas à ajouter des amis sur. QQ 269144551 pour apprendre et discuter ensemble

Lane 130, Beijing West Road, district de Huangpu, Shanghai
<p id="allmap" class="baidumap"></p>

<script type="text/javascript" src="http://api.map.baidu.com/api?... Écrivez votre clé ici. Si vous n'en avez pas, accédez à Baidu Developer pour créer un, c'est gratuit* *"></script>
<script type="text/javascript">

//百度地图api
//获取项目地址信息
var product_address = $('.product-address').text();

//初始化地图
var map = new BMap.Map("allmap");
map.centerAndZoom('上海市', 12);
map.setCurrentCity("上海市");

//添加缩放
var navigationControl = new BMap.NavigationControl({
    // 靠左上角位置
    anchor: BMAP_ANCHOR_TOP_RIGHT,
    // LARGE类型
    type: BMAP_NAVIGATION_CONTROL_LARGE,
    // 启用显示定位
    enableGeolocation: true
});
map.addControl(navigationControl);

// 添加定位控件
var geolocationControl = new BMap.GeolocationControl();
geolocationControl.addEventListener("locationSuccess");
geolocationControl.addEventListener("locationError", function (e) {
    //定位失败事件
    alert(e.message);
});
map.addControl(geolocationControl);

//获取地址经纬度
var geocoder = new BMap.Geocoder();
geocoder.getPoint(product_address, function (point) {
    if (point) {
        var lng = point.lng;
        var lat = point.lat;
        map.centerAndZoom(product_address, 20);
        var marker = new BMap.Marker(new BMap.Point(121.477904, 31.242809));
        map.addOverlay(marker);
    }
}, '上海市');

</script>

Answer 4

API Baidu Map, veuillez lire la documentation vous-même.