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 实现获取打开一个界面中输入的值
Mar 19 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
VueJs 将接口用webpack代理到本地的方法
Nov 27 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 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
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
js数组操作方法总结(必看篇)
2016/11/22 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python的Django框架中settings文件的部署建议
2015/05/30 Python
DataFrame 将某列数据转为数组的方法
2018/04/13 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
传媒专业推荐信范文
2013/11/23 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
师德师风个人总结
2015/02/06 职场文书
保安辞职信范文
2015/02/28 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
小学英语教师研修感悟
2015/11/18 职场文书