怎樣修改標注的圖片大小
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<style type="text/css">
body,html,#container{
height: 100%;
margin: 0px;
font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微軟雅黑', Arial;
}
.title{
margin: 0px;
color: white;
font-size: 14px;
background-color: rgba(0,155,255,0.8);
line-height: 22px;
padding: 0px 0 0 6px;
font-weight: lighter;
letter-spacing: 1px;
}
.content{
padding: 4px;
color: #666;
line-height: 18px;
}
.amap-info-content{
padding: 0 0 2px 0px;
}
</style>
<title>自定義marker</title>
</head>
<body>
<div id="container" tabindex="0"></div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=eaa2d3c0f7797919e4545ef2555e822c"></script>
<script type="text/javascript">
var map = new AMap.Map('container',{
resizeEnable: true,
zoom: 16,
center: [113.673192,34.688124]
});
var marker = new AMap.Marker({
map:map,
icon:"as/01.ico",
//點標記在地圖上顯示的位置
size: new AMap.Size(128,128), //圖示大小
imageSize: new AMap.Size(25,25),
position: [113.673192,34.688124],
offset : new AMap.Pixel(-12,-12)
});
//為Marker指定目標顯示地圖。當引數值取null時，地圖上移除當前Marker：setMap(null)
marker.setMap(map);
//設定覆寫物形狀為圓
var circle = new AMap.Circle({
//設定圓心位置
center: [113.673192,34.688124],
//設定圓的半徑
redius: 100,
//設定圓形填充透明度
fillOpacity:0.1,
//圓形填充顏色
fillColor:'#09f',
//設定線條顏色
strokeColor:'#09f',
//輪廓線寬度
strokeWeight:1
})
//將圓形擴狀物加載到地圖上
circle.setMap(map);
//根據地圖上添加的覆寫物分布情況，自動縮放地圖到合適的視野級別
map.setFitView()
var info = new AMap.InfoWindow({
//要顯示的內容
content: '<div class="title">王帥鵬</div><div class="content">'+
'莫等閑,白了少年頭,空悲切<br/>',
//相當于基點的偏移量
offset:new AMap.Pixel(0,-28),
//資訊表單尺寸
size:new AMap.Size(200,0)
})
//在地圖的指定位置打開資訊表單
info.open(map,marker.getPosition())
</script>
<script type="text/javascript" src="http://webapi.amap.com/demos/js/liteToolbar.js"></script>
</body>
</html>
uj5u.com熱心網友回復：
原圖片的大小為128*128的uj5u.com熱心網友回復：
$("#img").css("width","1280px");uj5u.com熱心網友回復：
添加到哪里呢?uj5u.com熱心網友回復：
你說的是
var marker = new AMap.Marker({
map:map,
icon:"as/01.ico",
//點標記在地圖上顯示的位置
size: new AMap.Size(128,128), //圖示大小
imageSize: new AMap.Size(25,25),
position: [113.673192,34.688124],
offset : new AMap.Pixel(-12,-12)
});
這部分的？
uj5u.com熱心網友回復：
嗯嗯，對的！uj5u.com熱心網友回復：
你要點下面的參考別人才能看到你回復的訊息。不然別人根本不知道你回復了。
隨便加在一個事件上啊。例如：
這是一個按鈕，按鈕有一個onclick事件（點擊事件）
<input type="button" onclick="click()">
js代碼：
function click(){
$("#img").css("width","1280px"); //$("#img")是通過圖片的id獲取這個控制元件，.css是改變控制元件的style樣式，width或者height
//(寬度和高度只改變一個就能等比例擴大），1280px是需要擴大到的像素
}
uj5u.com熱心網友回復：
css里面改.icon:height: 128px，wdith：128px
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/35382.html
標籤：JavaScript
上一篇：向大神請教