关于地图
注册了天地图和 腾讯,腾讯的是微信账号
经纬度,地图代码好地方 http://www.gpsspg.com
https://map.51240.com/ 最好的经纬度 查询网站
http://www.gugeditu.net/ 2019年的谷歌地图
https://lbs.qq.com/javascript_v2/case-run.html#sample-overlay-infowindow-html 决定用这个
https://lbs.qq.com/javascript_v2/case-run.html#sample-overlay-addmarkerimage 最后这个
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
<title>地址</title>
<script charset=”utf-8″ src=”https://map.qq.com/api/js?v=2.exp&key=37OBZ-JVCRW-OBQRW-R7ESP-N4I76-TTFL6“></script>
<style type=”text/css”>
*{
margin:0px;
padding:0px;
}
body, button, input, select, textarea {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
#info{
width:603px;
padding-top:3px;
overflow:hidden;
}
.btn{
width:112px;
}
#container{
min-width:600px;
min-height:767px;
}
</style>
<script>
var init = function() {
var center = new qq.maps.LatLng(30.1817306900,113.1746077500);
var map = new qq.maps.Map(document.getElementById(‘container’),{
center: center,
zoom: 13
});
var marker = new qq.maps.Marker({
position: center,
map: map,
});
var anchor = new qq.maps.Point(20, 39),
size = new qq.maps.Size(42, 68),
origin = new qq.maps.Point(0, 0),
markerIcon = new qq.maps.MarkerImage(
“http://mzm.cool/data/uploads/zm.png“,
size,
origin,
anchor
);
marker.setIcon(markerIcon);
}
</script>
</head>
<body onload=”init()” >
<nav >
<div id=”container”></div>
</nav>
</body>
</html>
扫描二维码推送至手机访问。
版权声明:本文由静水深流发布,如需转载请注明出处。