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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
用webAPI实现图片放大镜效果
Nov 23 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生成随机密码的几种方法
2011/01/17 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
jQuery中调用WebService方法小结
2011/03/28 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python全局变量用法实例分析
2016/07/19 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
numpy数组广播的机制
2019/07/12 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
计算机毕业大学生推荐信
2013/12/01 职场文书
网络编辑岗位职责
2014/03/18 职场文书
企业党员公开承诺书
2014/03/26 职场文书
市场营销调查计划书
2014/05/02 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js