为页面插入图片是很简单的一件事,首先要把你需要的图片放到工程文件夹内,这是很自然的,不多说,直接上代码:
<img class='tex' src='../API/outstyle091100004.jpg' id="tex">
src里面包含的是图片的路径,可以给图片设置很多属性,可以设置 width,heigth,以及hide 等等
下面是我插入的地图定位,这是题外话,不知对读者有什么启发
window.οnlοad=function(){
getLocation()
}
function getLocation() {
var map, geolocation;
//加载地图,调用浏览器定位服务
map = new AMap.Map('container', {
resizeEnable: true
});
map.plugin('AMap.Geolocation', function () {
geolocation = new AMap.Geolocation({
enableHighAccuracy: true,//是否使用高精度定位,默认:true
timeout: 10000, //超过10秒后停止定位,默认:无穷大
buttonOffset: new AMap.Pixel(10, 10),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
buttonPosition: 'RB'
});
map.addControl(geolocation);
geolocation.getCurrentPosition();
AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
});
}
记得将这个引入html “<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=ada0145080deff882d2a28e8af2047ad"></script>”
否则,没有效果……