Hirdetés
- Mindenkinél több és erősebb AI gyorsítót ígér Elon Musk
- M.2 csatlakozók terén (is) jónak ígérkezik az MSI közelgő AMD-s alaplapja
- Kivégezheti a kisebb VGA-gyártókat az NVIDIA döntése
- Szinte a semmiből robbanna be az 1,4 nm-es eljárásával a Rapidus
- Félszáz terabájtos HDD-k előtt nyitotta ki az ajtót a Seagate
- Vezeték nélküli fülhallgatók
- Minden PC-ből konzolt csinálna a Microsoft
- Kivégezheti a kisebb VGA-gyártókat az NVIDIA döntése
- Projektor topic
- AMD Ryzen 9 / 7 / 5 9***(X) "Zen 5" (AM5)
- LG LCD és LED TV-k
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- AMD GPU-k jövője - amit tudni vélünk
- Milyen házat vegyek?
- Gaming notebook topik
-
PROHARDVER!
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
bazsika33
csendes tag
válasz
Sk8erPeter
#3784
üzenetére
Tökéletes...
Mindegyik tooltip nálam tökéletesen működik. (de én azt használom ami itt található.)
Da ha már tooltip, akkor azzal annyi gond lehet h ha a marker a térkép alsó részében van, akkor bizony nem az egész része látszik... (bár talán ez már css probléma)
Köszönöm a segítséget, itt az eredmény... -
bazsika33
csendes tag
válasz
Sk8erPeter
#3782
üzenetére
Köszönöm a segítséget, a térkép lényegében működik. Egyedül a html-ből állítható zoom nem megy.
jsfiddle.net -
bazsika33
csendes tag
válasz
Sk8erPeter
#3778
üzenetére
Picit buheráltam rajta és már jónak tűnik.

Még egy kérdés: nem lehetne h a 'lat' 'lng' mellett a zoom mértékét is a html-ben lehessen állítani? -
bazsika33
csendes tag
válasz
Sk8erPeter
#3778
üzenetére
A kód nagy része egyébként innen van...
Szóval most már lehet a centert a html-ben módosítani (köszönet érte Sk8erPeter-nek), de a tooltip így nem működik... -
bazsika33
csendes tag
válasz
Sk8erPeter
#3778
üzenetére
Köszönöm, erre gondoltam. Működik, igen... :-)
Még a tooltipet kellene visszaügyeskedni. A régiben működött. Nem én kérdeztem meg, de szinte biztos h innen vettem a kódot :-) -
bazsika33
csendes tag
válasz
Sk8erPeter
#3776
üzenetére
A 0ról kezdtem felépíteni a gmap-omat, kevéske tudással. Néztem mintákat, fórumokat, ollóztam össze innen-onnan. Mivel a markerek száma folyamatosan nőni fog, így az adatokat mfképpen 1 js-ben szeretném tárolni. És a lényeg az lenne h az összes pont (az újak is) az összes html-en megjelenjen.
Konkrétan a data megoldásban tudnátok segíteni? Berakni vhogyan a parlament html-be a partlament marker 'latlng'-jét ide (hogy az legyen a parlament html-en a térképem centerje):
<div id="map">
<div id="map_canvas" style="width:100%; height:400px"></div>
</div> -
bazsika33
csendes tag
válasz
Sk8erPeter
#3773
üzenetére
JS google map problémám a következő:
http://jsfiddle.net/kxQw8/
Nekem nem jelenik meg semmi, sztem rosszul töltöttem be... De ehhez annyira nem értek.
Amúgy a térkép itt található: http://googlemap.friweb.hu/Tehgát: minden egyes markerhez a saját html oldalán a marker centerjét szeretném beállítani. Tehát pl. a parlament html-en a parlament marker-je legyen a térképem központja.
A js-be meg kell adni egy centert és így minden html-ben jelenleg ugyanaz lesz a center (lánchíd) - még akkor is ha a centert a html-ben is megadom. Nekem ez a bajom...Tehát azt szeretném h a centert a html-ben tudjam beállítani. Minden további adatot pedig a js-em tartalmazza.
Közel 100 marker esetén ez nagy könnyítés lenne...
Tippek? Egyáltalán meg lehet ezt oldani vhogyan? Köszi... -
bazsika33
csendes tag
Jó estét, Lenne 1 kérdésem, íme:
Az a gondom h van közel 100 markerem és jó lenne ha a térkép center-ét a html-ben tudnám megadni (tehát a Fehérház html-en a Fehérház marker-je legyen a térképem központja). A js-be alapból meg kell vmi center-t adni (és így minden html-ben ugyanaz lesz a center - még akkor is ha a center-t a html-ben is megadom...).
Bocsánat, kicsit láma vagyok ehhez a témához. Ami eddig van azt is hetek alatt sikerült összehoznom. De legalább ismerkedem a témával......
Tehát azt szeretném h a center-t a html-ben tudjam beállítani. Minden további adatot pedig a js-em tartalmazza.
Tippek? Egyáltalán meg lehet ezt oldani vhogyan? Köszi...Tehát tömören a kódok:
---------- HTML ----------
<script>
function initialize() {
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(20.805121,20.436148),
mapTypeId: google.maps.MapTypeId.NORMAL
};var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}window.onload = loadScript;
</script>
---------- JS ----------
var map;
var marker;
var icon;
var image;
var link;
var to_html;
var from_html;
var infowindow;
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(10.777916,10.270348),
zoom: 13,
mapTypeId: google.maps.MapTypeId.NORMAL,};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);// -------------- MARKER 1
var myLatlng = new google.maps.LatLng(0.805121,0.436148);
var marker1 = new google.maps.Marker({
position: myLatlng,
map: map,
icon: new google.maps.MarkerImage('../img/b.png'),
tooltip: '...'
});var tooltip1 = new Tooltip({map: map}, marker1);
tooltip1.bindTo("text", marker1, "tooltip");
google.maps.event.addListener(marker1, 'mouseover', function() {
tooltip1.addTip();
tooltip1.getPos2(marker1.getPosition());
});
google.maps.event.addListener(marker1, 'click', function() {
map.setCenter(this.getPosition());
map.setZoom(15);
window.location.href = marker.url;
});google.maps.event.addListener(marker1, 'mouseout', function() {
tooltip1.removeTip();
});
// -------- END OF 1st MARKER// -------------- MARKER 2
var myLatlng = new google.maps.LatLng(1.883236,1.443302);
var marker2 = new google.maps.Marker({
position: myLatlng,
map: map,
icon: new google.maps.MarkerImage('../img/c.png'),
tooltip: '...'
});var tooltip2 = new Tooltip({map: map}, marker2);
tooltip2.bindTo("text", marker2, "tooltip");
google.maps.event.addListener(marker2, 'mouseover', function() {
tooltip2.addTip();
tooltip2.getPos2(marker2.getPosition());
});google.maps.event.addListener(marker2, 'mouseout', function() {
tooltip2.removeTip();
});
// -------- END OF 2nd MARKER
}
Új hozzászólás Aktív témák
- BESZÁMÍTÁS! Acer Predator Helios Neo 18 Ai - Ultra 9 275HX 32GB DDR5 1TB SSD RTX 5070Ti 12GB W11
- Xiaomi Redmi 13 4G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Lenovo Thinkpad T14 Gen 3, 1 Év Garanciával
- ÁRGARANCIA!Épített KomPhone i5 14400F 32/64GB RAM RTX 5060 Ti 8GB GAMER PC termékbeszámítással
- Lenovo Thinkpad X13 Gen1 Ryzen5 4650U Refurbished - Garancia
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: ATW Internet Kft.
Város: Budapest



