SOSO地图JS画出标注和中心点以html形式运行

245 阅读 0 评论 162 点赞

我是靠谱客的博主霸气自行车，最近开发中收集的这篇文章主要介绍SOSO地图JS画出标注和中心点以html形式运行，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

直接贴出代码，这个可以在本地创建一个html文件直接运行：

复制代码代码如下:

 
<!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//显示地图的缩放级别 
} 
); 

//地图第一个mark的坐标 
var position1 = new soso.maps.LatLng(31.15751,121.514061); 

var marker = new soso.maps.Marker({ 
position: position1, 
map: map 
}); 

//地图第二个mark的坐标 
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> 