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


Posted in Javascript onAugust 09, 2013

直接贴出代码,这个可以在本地创建一个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>
Javascript 相关文章推荐
js loading加载效果实现代码
Nov 24 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
Vue表单实例代码
Sep 05 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
Node.js简单入门前传
Aug 21 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
Mar 02 Javascript
JS常用跨域方法实现原理解析
Dec 09 Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
jquery 列表双向选择器之改进版
Aug 09 #Javascript
jquery 简单应用示例总结
Aug 09 #Javascript
JS命名空间的另一种实现
Aug 09 #Javascript
使用javascript创建快捷方式的简单实例
Aug 09 #Javascript
使用js修改客户端注册表的方法
Aug 09 #Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 #Javascript
You might like
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
PHP 加密与解密的斗争
2009/04/17 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
header导出Excel应用示例
2014/01/24 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
mac系统下安装多个php并自由切换的方法详解
2017/04/21 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
IE与firefox之jquery用法区别
2008/10/03 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
js module大战
2019/04/19 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
从零学Python之引用和类属性的初步理解
2014/05/15 Python
python图片验证码生成代码
2016/07/02 Python
Python在线运行代码助手
2016/07/15 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
python list格式数据excel导出方法
2018/10/31 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
为什么说python更适合树莓派编程
2020/07/20 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
自我评价如何写好?
2014/01/05 职场文书
端午节活动策划方案
2014/03/09 职场文书
工程管理英文求职信
2014/03/18 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
学习普通话的体会
2014/11/07 职场文书
办公室规章制度范本
2015/08/04 职场文书