SOSO地圖JS畫出標(biāo)注和中心點(diǎn)以html形式運(yùn)行
更新時(shí)間：2013年08月09日 17:29:36 作者：
SOSO地圖想必大家都知道吧，本文將為大家詳細(xì)介紹下使用JS畫出標(biāo)注和中心點(diǎn),直接貼出代碼，感興趣的朋友可以參考下
直接貼出代碼，這個(gè)可以在本地創(chuàng)建一個(gè)html文件直接運(yùn)行：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Map</title>
<script charset="utf-8" src="http://map.soso.com/api/v2/main.js"></script>
<script>
function init() {
var center = new soso.maps.LatLng(31.15953,121.516035);
var map = new soso.maps.Map(
document.getElementById("container"),
{
center: center,//顯示地圖的中心位置
zoom: 15//顯示地圖的縮放級別
}
);
//地圖第一個(gè)mark的坐標(biāo)
var position1 = new soso.maps.LatLng(31.15751,121.514061);
var marker = new soso.maps.Marker({
position: position1,
map: map
});
//地圖第二個(gè)mark的坐標(biāo)
var position2 = new soso.maps.LatLng(31.160705,121.524017);
var marker = new soso.maps.Marker({
position: position2,
map: map
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://map.soso.com/api/v2/main.js?callback=init";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body onload="init()">
<div id="container" style="width:1000px; height:800px"></div>
</body>
</html>
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Map</title>
<script charset="utf-8" src="http://map.soso.com/api/v2/main.js"></script>
<script>
function init() {
var center = new soso.maps.LatLng(31.15953,121.516035);
var map = new soso.maps.Map(
document.getElementById("container"),
{
center: center,//顯示地圖的中心位置
zoom: 15//顯示地圖的縮放級別
}
);
//地圖第一個(gè)mark的坐標(biāo)
var position1 = new soso.maps.LatLng(31.15751,121.514061);
var marker = new soso.maps.Marker({
position: position1,
map: map
});
//地圖第二個(gè)mark的坐標(biāo)
var position2 = new soso.maps.LatLng(31.160705,121.524017);
var marker = new soso.maps.Marker({
position: position2,
map: map
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://map.soso.com/api/v2/main.js?callback=init";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body onload="init()">
<div id="container" style="width:1000px; height:800px"></div>
</body>
</html>
相關(guān)文章
js實(shí)現(xiàn)獲取最新本周周一開始的日期（單周日歷卡）
這篇文章主要為大家介紹了js實(shí)現(xiàn)獲取最新本周周一開始的日期（單周日歷卡）示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
JavaScript面向?qū)ο蟮膶?shí)現(xiàn)方法小結(jié)
這篇文章主要介紹了JavaScript面向?qū)ο蟮膶?shí)現(xiàn)方法,實(shí)例總結(jié)了兩種常見的面向?qū)ο蟮膶?shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
基于bootstrap寫的一點(diǎn)localStorage本地儲存
這篇文章主要介紹了基于bootstrap寫的一點(diǎn)localStorage本地儲存,需要的朋友可以參考下2017-11-11
BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能
這篇文章主要介紹了BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義用戶登錄彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
Object.prototype.***不能用作在HTMLElement對象上，如本后面的抓圖所示。2008-03-03
基于JS實(shí)現(xiàn)簡單的隨機(jī)抽取幸運(yùn)員工系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于HTML+JavaScript實(shí)現(xiàn)簡單的隨機(jī)抽取幸運(yùn)員工系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11
這篇文章主要介紹了JS JQuery獲取data-*屬性值方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
使用layui日期控件laydate對開始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法
今天小編就為大家分享一篇使用layui日期控件laydate對開始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法
這篇文章主要介紹了微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09