javascript高德地圖放到網頁中的方法

時間  2019-11-30
標籤 javascript 地圖 放到 網頁 方法 欄目 JavaScript 简体版
原文   原文鏈接

javascript高德地圖放到網頁中的方法javascript

1 先獲取到經緯度
http://lbs.amap.com/console/show/pickercss

2 下面代碼直接設置下中心點 和標記點就能夠了
<pre>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>點標記</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<style>
.marker {
color: #ff6600;
padding: 4px 10px;
border: 1px solid #fff;
white-space: nowrap;
font-size: 12px;
font-family: "";
background-color: #0066ff;
}
</style>
<script src="http://webapi.amap.com/maps?v=1.3&key=輸入key值"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>html

<script>
var marker, map = new AMap.Map("container", {
resizeEnable: true,
center: [123.17699, 33.21674],
zoom: 16
});
marker = new AMap.Marker({
icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
position: [123.17699, 33.21674]
});
marker.setMap(map);java

</script>
</body>
</html>
</pre>web

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程