<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html,body {
width: 100%;
height: 100%;
}
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=百度密钥"></script>
<title>设置点的新图标</title>
</head>
<body οnlοad="one()">
<div id="allmap"></div>
</body>
</html>
<%
String json = (String) request.getAttribute("str");
if(json.equals(",")){
json = "0,0";
}
String[] lnglat = json.split(",");
%>
<script type="text/javascript">
var marker2;
var map;
/* map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl()); */
function one() {
map = new BMap.Map("allmap");
map.addControl(new BMap.NavigationControl());// 地图平移缩放控件
map.addControl(new BMap.ScaleControl()); // 比例尺控件
map.addControl(new BMap.OverviewMapControl()); // 缩略地图控件
map.addControl(new BMap.MapTypeControl()); // 地图类型控件
var lng =<%=lnglat[0]%>;
var lat =<%=lnglat[1]%>;
if(lng != 0 && lat != 0 ){
var point = new BMap.Point(lng, lat);
map.centerAndZoom(point, 15);
addMarker(lng, lat);
}else{
var point = new BMap.Point(118.791956, 32.079654);//定义一个中心点坐标
map.centerAndZoom(point, 15);
}
//添加地图监听事件
map.addEventListener("click", function(e) {
map.removeOverlay(marker2);//移除点
addMarker(e.point.lng, e.point.lat);
window.parent.callback(e.point.lng, e.point.lat); //返回数据
});
}
//添加标注点
function addMarker(lng, lat) {
var pt = new BMap.Point(lng, lat);
var myIcon = new BMap.Icon("images/blue-dot.png",
new BMap.Size(30, 60), {
offset : new BMap.Size(10, 25),
imageOffset : new BMap.Size(1, 0)
});
marker2 = new BMap.Marker(pt, {
icon : myIcon
});
map.addOverlay(marker2); // 将标注添加到地图中
}
</script>
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html,body {
width: 100%;
height: 100%;
}
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=百度密钥"></script>
<title>设置点的新图标</title>
</head>
<body οnlοad="one()">
<div id="allmap"></div>
</body>
</html>
<%
String json = (String) request.getAttribute("str");
if(json.equals(",")){
json = "0,0";
}
String[] lnglat = json.split(",");
%>
<script type="text/javascript">
var marker2;
var map;
/* map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl()); */
function one() {
map = new BMap.Map("allmap");
map.addControl(new BMap.NavigationControl());// 地图平移缩放控件
map.addControl(new BMap.ScaleControl()); // 比例尺控件
map.addControl(new BMap.OverviewMapControl()); // 缩略地图控件
map.addControl(new BMap.MapTypeControl()); // 地图类型控件
var lng =<%=lnglat[0]%>;
var lat =<%=lnglat[1]%>;
if(lng != 0 && lat != 0 ){
var point = new BMap.Point(lng, lat);
map.centerAndZoom(point, 15);
addMarker(lng, lat);
}else{
var point = new BMap.Point(118.791956, 32.079654);//定义一个中心点坐标
map.centerAndZoom(point, 15);
}
//添加地图监听事件
map.addEventListener("click", function(e) {
map.removeOverlay(marker2);//移除点
addMarker(e.point.lng, e.point.lat);
window.parent.callback(e.point.lng, e.point.lat); //返回数据
});
}
//添加标注点
function addMarker(lng, lat) {
var pt = new BMap.Point(lng, lat);
var myIcon = new BMap.Icon("images/blue-dot.png",
new BMap.Size(30, 60), {
offset : new BMap.Size(10, 25),
imageOffset : new BMap.Size(1, 0)
});
marker2 = new BMap.Marker(pt, {
icon : myIcon
});
map.addOverlay(marker2); // 将标注添加到地图中
}
</script>