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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
微信小程序picker组件两列关联使用方式
Oct 27 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之第六天
2006/10/09 PHP
php缓存技术介绍
2006/11/25 PHP
php 文件状态缓存带来的问题
2008/12/14 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
php header功能的使用
2013/10/28 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
JavaScript中的slice()方法使用详解
2015/06/06 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
python实现的文件同步服务器实例
2015/06/02 Python
python 多线程实现检测服务器在线情况
2015/11/25 Python
pyqt5实现按钮添加背景图片以及背景图片的切换方法
2019/06/13 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
python 从list中随机取值的方法
2020/11/16 Python
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS