jQuery网络销售地图点击弹出区域信息
layermap 附件下载请看左边!
免费图片素材网站
https://unsplash.com/
<script type=”text/javascript” src=”http://webapi.amap.com/maps?v=1.3&key=您申请的key值”></script>
<script type=”text/javascript”>
var map = new AMap.Map(‘container’,{
resizeEnable: true,
zoom: 17,
center: [116.346245,40.030461]
});
var marker = new AMap.Marker({
position: [116.346245,40.030461]
});
marker.setMap(map);
marker.on(‘click’,function(e){
infowindow.open(map,e.target.getPosition());
})
AMap.plugin(‘AMap.AdvancedInfoWindow’,function(){
infowindow = new AMap.AdvancedInfoWindow({
content: ‘<div class=”info-title”>北京万晟诚信息技术有限公司</div><div class=”info-content”>’+
‘<img src=”http://webapi.amap.com/images/amap.jpg”>’+
‘北京市海淀区清河嘉园东区1号楼-1层-102室-319<br />’+
‘联系方式:{dede:global.cfg_tel/}’+
‘</div>’,
offset: new AMap.Pixel(0, -30)
});
infowindow.open(map,[116.346245,40.030461]);
})
</script>
<script type=”text/javascript” src=”http://webapi.amap.com/demos/js/liteToolbar.js”></script>
http://www.100sucai.com/web/jquerytexiao/shipingbofangqi/
JS响应式3D照片墙展示特效 <!—-左边下载—>
CSS3竖直图标导航菜单代码 <!—-左边下载—->>
google 地图演示HTM <<–<<—-下载!!!
Web 项目的话,把 http://maps.googleapis.com/maps/api/js 换成
http://ditu.google.cn/maps/api/js 试试看呢?https://ditu.google.cn/maps/api/js 也是有的。
有些资源链接是这样的, https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png ,都被墙了,没法加载。
https://ditu.google.cn/maps/api/js 会加载 maps.gstatic.com 的数据;
http 版本的不会,我目前暂时用了 http 版本的。以后网站上 https 了还得换别的,唉~
纯css3菱形布局步骤图代码 -zip