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 相关文章推荐
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
javascript实现行拖动的方法
May 27 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
vue头部导航动态点击处理方法
Nov 02 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
js实现3D旋转效果
Aug 18 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
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
纯php生成随机密码
2015/10/30 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
2018/08/19 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python制作爬虫抓取美女图
2016/01/20 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
python使用邻接矩阵构造图代码示例
2017/11/10 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
关于Tensorflow中的tf.train.batch函数的使用
2018/04/24 Python
Python列表(List)知识点总结
2019/02/18 Python
详解Python中的正斜杠与反斜杠
2019/08/09 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
电脑教师的自我评价
2013/12/18 职场文书
大家检讨书5000字
2014/02/03 职场文书
优秀实习生感言
2014/03/01 职场文书
培训师岗位职责
2015/02/14 职场文书
保管员岗位职责
2015/02/14 职场文书
三八妇女节主持词
2015/07/04 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android