百度地图和js操作iframe

最新推荐文章于 2024-04-22 09:42:30 发布

weixin_33670786

最新推荐文章于 2024-04-22 09:42:30 发布

阅读量400

点赞数

文章标签： json javascript ViewUI

本文介绍了一种使用JavaScript操作iframe及内部元素的方法，实现地图的中心定位、缩放及基于查询关键字在地图上添加标记的功能。通过后端接口获取地理位置数据，并利用百度地图API将地点标记在地图上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.getElementById("ifarme-63").contentWindow.document.getElementById("qksv").value = '1';
        document.getElementById("ifarme-63").contentWindow.document.getElementById("hfDateStart").value = '20150101';
        document.getElementById("ifarme-63").contentWindow.document.getElementById("txtIndex_Dn_KeyWord").value = $("#quick").val();
        document.getElementById("ifarme-63").contentWindow.document.getElementById("pc").value = "";
        document.getElementById("ifarme-63").contentWindow.document.getElementById("qkcd").click();
        document.getElementById("ifarme-63").contentWindow.document.getElementById("qkci").click();
        document.getElementById("ifarme-63").contentWindow.document.getElementById("quick").click();

var map = new BMap.Map("map"); 
var point = new BMap.Point(121.333502, 37.555578);  
map.centerAndZoom(point, 13);
map.enableScrollWheelZoom(true);

map.clearOverlays();
    $.post("/Handler/Fdata.ashx", { med: 'Map' }, function (json) {
        var obj = eval('(' + json + ')');
        obj.forEach(function (e) {
            var marker = new BMap.Marker(new BMap.Point(e.LONGITUDE, e.LATITUDE));
            map.addOverlay(marker);
            var label = new BMap.Label(e.ACCOUNT_NAME, { offset: new BMap.Size(20, -10) });
            marker.setLabel(label);
        })
    })

<script src="http://api.map.baidu.com/api?v=1.5&ak=cnX8K8wveewWSn8SYad9qLYH" type="text/javascript"></script>