javascript - Bagaimana pula dengan memasukkan peta ke dalam halaman web mudah alih menetapkan berbilang titik penandaan dan laluan pertanyaan;

Question

Answer 1

Pergi ke tapak web ini yang menyediakan peta untuk melihat sama ada ia menyediakan antara muka, sesetengah daripadanya boleh diimport terus menggunakan iframe.

Answer 2

Baidu dan Amap kedua-duanya mempunyai api JS yang berkaitan, yang boleh menyelesaikan sepenuhnya keperluan anda http://lbsyun.baidu.com/index...

Answer 3

Ini adalah apa yang saya temui untuk anda dalam projek yang tidak lama dahulu saya capai ialah menukar nama alamat pada halaman kepada koordinat longitud dan latitud dan menandakannya pada peta perlu membina berbilang peta Jika ya, letakkan beberapa lagi <p id="allmap" class="baidumap"></p> Sudah tentu, ID itu juga perlu ditukar permulaan dalam JS, dan tukar peta kepada kaedah di belakang map1 Tidaklah rumit untuk menukar parameter kepada ID baharu Anda boleh memikirkannya sendiri Jika anda masih tidak faham, sila tambah rakan di QQ 269144551 untuk belajar dan berbincang bersama

Lalu 130, Jalan Barat Beijing, Daerah Huangpu, Shanghai
<p id="allmap" class="baidumap"></p>

<script type="text/javascript" src="http://api.map.baidu.com/api?...Tulis kunci anda di sini. Jika anda tidak mempunyai satu, pergi ke Baidu Developer untuk membuat satu, percuma* *"></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);
    }
}, '上海市');

</skrip>

Answer 4

API Peta Baidu, sila baca dokumentasi sendiri.