父頁面代碼：
<!DOCTYPE html> <html> <head> <title>選擇位置demo</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="dist/jquery-1.7.1.js"></script> <script type="text/javascript" src="libs/layer/layer.js"></script> </head> <body> <iframe id="ifr" src="http://10.100.10.167:8061" style="width: 1200px; height: 800px;"></iframe> <script type="text/javascript"> $("#ifr").load(function () { var data = { method: "selectLocation", url: window.location.href, lng: 113.13, lat: 23.01 }; //給地圖頁面發訊息 window.ifr.contentWindow.postMessage(JSON.stringify(data), ifr.src); }); //監聽訊息 window.addEventListener("message", function (e) { var d = eval("(" + e.data + ")"); if (d.method == "selectLocationComplateCallback") { layer.alert(d.lng.toFixed(7) + "," + d.lat.toFixed(7), { title: "資訊" }); } }); </script> </body> </html>View Code
子頁面JS代碼：
//監聽父頁面發來的訊息 window.addEventListener("message", function (e) { var d = eval("(" + e.data + ")"); if (d.method == "selectLocation") { if (d.lat && d.lng) drawUtil.setSelectedLocation(d.lng, d.lat); //設定已選擇的位置坐標 selectLocation(); //選擇位置完成回呼 selectLocationComplateCallback = function (lat, lng) { var data =https://www.cnblogs.com/s0611163/p/ { method: "selectLocationComplateCallback", lat: lat, lng: lng }; window.parent.postMessage(JSON.stringify(data), d.url); }; } });View Code
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/18389.html
標籤：JavaScript