web前端之google地图的封装 var mapConfigUrl = "TzxMap/TzxMapBaseInfoJson.txt"; var mapType = "goo

最新推荐文章于 2023-07-27 22:40:17 发布

helloworld_lyf

最新推荐文章于 2023-07-27 22:40:17 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/helloworld_lyf/article/details/52093761

web前端专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="JavaScript/css/bootstrap.min.css" rel="stylesheet" />



<link href="JavaScript/css/icheck/skins/all.css" rel="stylesheet" type="text/css" />
<link href="JavaScript/css/icheck/skins/flat/blue.css" rel="stylesheet" type="text/css" />
<script src="JavaScript/jquery.js" type="text/javaScript"></script>

<script src="JavaScript/css/icheck/jquery.icheck.js" type="text/javascript"></script>

<script src="JavaScript/bootstrap.min.js"></script>
<script src="TzxMap/RaMap.js"></script>
<script src="TzxMap/TzxMapJs0801_Obfs.js"></script>
<script src="LoadData.js"></script>
<script>
function addCSS(cssText) {
var style = document.createElement('style'), //创建一个style元素
head = document.head || document.getElementsByTagName('head')[0]; //获取head元素
style.type = 'text/css'; //这里必须显示设置style元素的type属性为text/css，否则在ie中不起作用
if (style.styleSheet) { //IE
var func = function () {
try { //防止IE中stylesheet数量超过限制而发生错误
style.styleSheet.cssText = cssText;
} catch (e) {

}
}
//如果当前styleSheet还不能用，则放到异步中则行
if (style.styleSheet.disabled) {
setTimeout(func, 10);
} else {
func();
}
} else { //w3c
//w3c浏览器中只要创建文本节点插入到style元素中就行了
var textNode = document.createTextNode(cssText);
style.appendChild(textNode);
}
head.appendChild(style); //把创建的style元素插入到head中
}
//"BASEMAPURL": "http: //192.168.0.70/TzxMapWebSvr/MapDomHandler.ashx?c=sd_dixing",
$(document).ready(function () {
addCSS(".icheckbox_flat-blue-aw {float: left;margin-left: 10px;}");

var mapConfigUrl = "TzxMap/TzxMapBaseInfoJson.txt";
var mapType = "google";
tzxMap = TzxMapFactory.createTzxMap(document.getElementById("DMapContiner"), { "url": mapConfigUrl, "mapAdapterType": mapType, "useDB": false, "customSrc": new TzxLoadData() });
//地图加载完成时
tzxMap.addEventListener("MapLoaded", function (e) {
//所有层初始化完毕
tzxMap.addEventListener("MapLayersLoaded", function (e) {

})

//图层选中后事件
tzxMap.addMapControlCheckedEvent(function (e) {
var name = e.tag;
//给图层中所有图元加事件
tzxMap.addMetaEvents([name], "Click", function (e) {
alert(e.src.name);
//console.log(e);
});
});
});
tzxMap.initialize();

})

</script>

</head>
<body>
<div id="DMapContiner" style="width: 100%; height: 100%; position: absolute">
</div>
</body>
</html>