高德地图JS API代码备份

根据地理位置获取经纬度并标记

单个城市

var map = new AMap.Map('container', {
    resizeEnable: true,
    zoom: 5
});
var places = "杭州";
AMap.service('AMap.Geocoder', function () {
    var geocoder = new AMap.Geocoder();
    infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(0, -30) });

    geocoder.getLocation(places, function (status, result) {
        if (status == 'complete' && result.geocodes.length) {

            marker = new AMap.Marker({
                position: result.geocodes[0].location,
                map: map
            })
            marker.content = "站点名: " + places;
            map.setCenter(result.geocodes[0].location);
            marker.on('click', markerClick);
        }
    })

    function markerClick(e) {
        infoWindow.setContent(e.target.content);
        infoWindow.open(map, e.target.getPosition());
    }
    map.setFitView();
});

多个城市

var map = new AMap.Map('mapfield', {
    resizeEnable: true,
    zoom: 5
});
$.ajax({
    url: "/home/get_cities_aqi",
    type: "GET",
    dataType: "json",
    timeout: 2000,
    success: function (data) {

        var index = 0;
        AMap.service('AMap.Geocoder', function () {
            var geocoder = new AMap.Geocoder();
            infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(0, -30) });
            function amapGeo() {
                var city = data[index];
                geoSearch(city);
                index++;
            }
            amapGeo();
            function geoSearch(city) {
                if (index < cities.length) {
                    setTimeout(window.amapGeo, 400);
                }

                geocoder.getLocation(city, function (status, result) {
                    if (status == 'complete' && result.geocodes.length) {

                        marker = new AMap.Marker({
                            position: result.geocodes[0].location,
                            map: map
                        });
                        marker.content = "站点名: " + city;
                        index++;
                        marker.on('click', markerClick);
                    }
                });
            }
            function markerClick(e) {
                infoWindow.setContent(e.target.content);
                infoWindow.open(map, e.target.getPosition());
            }
            map.setFitView();
        });
    }
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值