HTML5+ plus.maps地图定位，标记多个自定义mark及mark点击（附官方文档链接）

最新推荐文章于 2024-01-02 09:34:05 发布

原创

最新推荐文章于 2024-01-02 09:34:05 发布 · 5.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#mui map

本文介绍了使用HTML5 Plus.maps API实现在地图上定位多个用户位置，并添加自定义标记的方法。通过`plus.maps.Marker`创建标记，并设置地图中心点。示例数据包括多个用户的经纬度坐标。

http://www.html5plus.org/doc/zh_cn/maps.html

http://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map

（PS：别骂我，每次搜都一点点的资料，看不到文档，自己备注下文档链接）

mui.init(function(){
swipeBack: false
})
mui.plusReady(function() {
map = new plus.maps.Map("tracking_map");//你的div的id

map.setZoom(18);

//开启用户位置显示

userLocation();

    mui.ajax({
        type: "get",
            url: "tracking.json",
            async: true,
            data: "",
            dataType: "json",
            jsonp: "callback",
            success: function(data) {
                    for(var i = 0; i < data.track.length; i ++){

var marker = new plus.maps.Marker(new plus.maps.Point(data.track[i].point.lon, data.track[i].point.lat));

//标注点对象